wutian-miniprogram/src/module1/pages/org4/index.wxml

<view class="page">
  <view class="header">
    <view class="select">
      <view class="label">所在科室：</view>
      <picker class="picker" range="{{Department}}" range-key="DepartmentName" bindchange="handleChange">
        <view class="picker-content">
          {{DepartmentName}}
          <van-icon name="arrow-down" />
        </view>
      </picker>
    </view>
    <view class="banner" wx:if="{{doctorCount.TotalCount}}">
      <view class="item">
        <view class="name">全部医生</view>
        <view class="num">{{doctorCount.TotalCount}}</view>
      </view>
      <view class="item">
        <view class="name">三级医生</view>
        <view class="num">{{doctorCount.ThreeCount}}</view>
      </view>
      <view class="item">
        <view class="name">二级医生</view>
        <view class="num">{{doctorCount.TwoCount}}</view>
      </view>
      <view class="item">
        <view class="name">一级医生</view>
        <view class="num">{{doctorCount.OneCount}}</view>
      </view>
    </view>
    <view class="operate">
      <view class="search">
        <image class="icon" src="{{imageUrl}}icon-search.png?t={{Timestamp}}"></image>
        <input
          type="text"
          model:value="{{search}}"
          class="input"
          placeholder-class="place-input"
          placeholder="搜索医院名称"
          confirm-type="search"
          bindconfirm="handleSearch"
        />
      </view>
      <view class="invite" bind:tap="handleInvite">邀约新医生</view>
    </view>
  </view>

  <block wx:for="{{tree}}" wx:key="DoctorId">
    <view class="container" wx:if="{{userInfo.DoctorId == item.DoctorId}}">
      <view class="level-three {{item.active && 'active'}}">
        <view class="doctor">
          <view class="avatar-wrap">
            <doctorAvatar
              class="avatar"
              src="{{item.DoctorInfo.doctorImg}}"
              level="{{item.DoctorInfo.doctorLevel}}"
            ></doctorAvatar>
            <block wx:if="{{item.Children.length}}">
              <view class="num">{{item.Children.length}}人</view>
              <view class="line"></view>
            </block>
          </view>
          <view class="wrap">
            <view class="w-header">
              <view class="wh-wrap">
                <view class="name">{{item.DoctorInfo.doctorName}}</view>
                <view class="label" wx:if="{{item.DoctorInfo.doctorTitle==='99'}}">
                  {{item.DoctorInfo.doctorOtherTitle}}
                </view>
                <view class="label" wx:else>{{item.DoctorInfo.doctorTitleName}}</view>
                <block wx:for="{{item.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                  <view class="line"></view>
                  <view class="label">{{dept.DepartmentName}}</view>
                </block>
              </view>
              <view class="fold" bind:tap="handleFoldAll">
                {{item.fold ? '全部展开':'全部收起'}}
                <image class="f-icon" src="{{imageUrl}}fold-{{item.fold?'down':'top'}}.png?t={{Timestamp}}"></image>
              </view>
            </view>
            <view class="w-container">
              <text class="hostipal">{{item.DoctorInfo.hospitalName}}</text>
              <view class="tag">
                {{item.DoctorInfo.hospitalClassificationName}}{{item.DoctorInfo.hospitalLevelName}}
              </view>
              <view class="site" wx:if="{{item.DoctorInfo.cityName}}">
                {{item.DoctorInfo.cityName}}{{item.DoctorInfo.countyName ? '/':''}}{{item.DoctorInfo.countyName}}
              </view>
            </view>
            <view class="w-footer" wx:if="{{item.DoctorInfo.doctorSpecialty.length}}">
              <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
              <view class="wf-tag" wx:for="{{item.DoctorInfo.doctorSpecialty}}" wx:for-item="spec" wx:key="SpecialtyId">
                {{spec.SpecialtyName}}
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="container" wx:elif="{{item.DoctorLevel=='3'}}">
      <view class="level-three {{item.active && 'active'}}">
        <view class="doctor">
          <view class="avatar-wrap">
            <doctorAvatar
              class="avatar"
              src="{{item.DoctorInfo.doctorImg}}"
              level="{{item.DoctorInfo.doctorLevel}}"
            ></doctorAvatar>
            <block wx:if="{{item.Children.length}}">
              <view class="num">{{item.Children.length}}人</view>
              <view class="line"></view>
            </block>
          </view>
          <view class="wrap">
            <view class="w-header">
              <view class="wh-wrap">
                <view class="name">{{item.DoctorInfo.doctorName}}</view>
                <view class="label" wx:if="{{item.DoctorInfo.doctorTitle==='99'}}">
                  {{item.DoctorInfo.doctorOtherTitle}}
                </view>
                <view class="label" wx:else>{{item.DoctorInfo.doctorTitleName}}</view>
                <block wx:for="{{item.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                  <view class="line"></view>
                  <view class="label">{{dept.DepartmentName}}</view>
                </block>
              </view>
              <view class="fold" bind:tap="handleFold" data-index="{{index}}">
                {{item.fold ? '展开':'收起'}}
                <image class="f-icon" src="{{imageUrl}}fold-{{item.fold?'down':'top'}}.png?t={{Timestamp}}"></image>
              </view>
            </view>
            <view class="w-container">
              <text class="hostipal">{{item.DoctorInfo.hospitalName}}</text>
              <view class="tag">
                {{item.DoctorInfo.hospitalClassificationName}}{{item.DoctorInfo.hospitalLevelName}}
              </view>
              <view class="site" wx:if="{{item.DoctorInfo.cityName}}">
                {{item.DoctorInfo.cityName}}{{item.DoctorInfo.countyName ? '/':''}}{{item.DoctorInfo.countyName}}
              </view>
            </view>
            <view class="w-footer" wx:if="{{item.DoctorInfo.doctorSpecialty.length}}">
              <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
              <view class="wf-tag" wx:for="{{item.DoctorInfo.doctorSpecialty}}" wx:for-item="spec" wx:key="SpecialtyId">
                {{spec.SpecialtyName}}
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view
      class="fold-wrap {{item.fold && 'fold'}}"
      wx:for="{{item.Children}}"
      wx:key="DoctorId"
      wx:for-item="subItem"
      wx:for-index="subIndex"
    >
      <view class="container" wx:if="{{subItem.DoctorLevel=='2'}}">
        <view class="level-two {{subItem.active && 'active'}}">
          <view class="aside">
            <view class="vertical"></view>
            <view class="across"></view>
          </view>
          <view class="doctor">
            <view class="avatar-wrap">
              <doctorAvatar
                class="avatar"
                src="{{subItem.DoctorInfo.doctorImg}}"
                level="{{subItem.DoctorInfo.doctorLevel}}"
              ></doctorAvatar>
              <block wx:if="{{subItem.Children.length}}">
                <view class="num">{{subItem.Children.length}}人</view>
                <view class="line"></view>
              </block>
            </view>
            <view class="wrap">
              <view class="w-header">
                <view class="wh-wrap">
                  <view class="name">{{subItem.DoctorInfo.doctorName}}</view>
                  <view class="label" wx:if="{{subItem.DoctorInfo.doctorTitle==='99'}}">
                    {{subItem.DoctorInfo.doctorOtherTitle}}
                  </view>
                  <view class="label" wx:else>{{subItem.DoctorInfo.doctorTitleName}}</view>
                  <block wx:for="{{subItem.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                    <view class="line"></view>
                    <view class="label">{{dept.DepartmentName}}</view>
                  </block>
                </view>
                <view class="fold" bind:tap="handleSubFold" data-index="{{index}}" data-subindex="{{subIndex}}">
                  {{subItem.fold ? '展开':'收起'}}
                  <image
                    class="f-icon"
                    src="{{imageUrl}}fold-{{subItem.fold?'down':'top'}}.png?t={{Timestamp}}"
                  ></image>
                </view>
              </view>
              <view class="w-container">
                <text class="hostipal">{{subItem.DoctorInfo.hospitalName}}</text>
                <view class="tag">
                  {{subItem.DoctorInfo.hospitalClassificationName}}{{subItem.DoctorInfo.hospitalLevelName}}
                </view>
                <view class="site" wx:if="{{subItem.DoctorInfo.cityName}}">
                  {{subItem.DoctorInfo.cityName}} {{subItem.DoctorInfo.countyName ? '/':''}}
                  {{subItem.DoctorInfo.countyName}}
                </view>
              </view>
              <view class="w-footer" wx:if="{{subItem.DoctorInfo.doctorSpecialty.length}}">
                <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
                <view
                  class="wf-tag"
                  wx:for="{{subItem.DoctorInfo.doctorSpecialty}}"
                  wx:for-item="spec"
                  wx:key="SpecialtyId"
                >
                  {{spec.SpecialtyName}}
                </view>
              </view>
            </view>
          </view>
        </view>
        <view
          class="fold-wrap {{subItem.fold && 'fold'}}"
          wx:for="{{subItem.Children}}"
          wx:key="DoctorId"
          wx:for-item="subSubItem"
        >
          <view class="level-one {{subSubItem.active && 'active'}}">
            <view class="aside">
              <view class="vertical"></view>
              <view class="across"></view>
              <view class="vertical-grow" wx:if="{{subItem.Children.length > index+1}}"></view>
            </view>
            <view class="doctor">
              <view class="avatar-wrap">
                <doctorAvatar
                  class="avatar"
                  src="{{subSubItem.DoctorInfo.doctorImg}}"
                  level="{{subSubItem.DoctorInfo.doctorLevel}}"
                ></doctorAvatar>
              </view>
              <view class="wrap">
                <view class="w-header">
                  <view class="wh-wrap">
                    <view class="name">{{subSubItem.DoctorInfo.doctorName}}</view>
                    <view class="label" wx:if="{{subSubItem.DoctorInfo.doctorTitle==='99'}}">
                      {{subSubItem.DoctorInfo.doctorOtherTitle}}
                    </view>
                    <view class="label" wx:else>{{subSubItem.DoctorInfo.doctorTitleName}}</view>
                    <block wx:for="{{subSubItem.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                      <view class="line"></view>
                      <view class="label">{{dept.DepartmentName}}</view>
                    </block>
                  </view>
                </view>
                <view class="w-container">
                  <text class="hostipal">{{subSubItem.DoctorInfo.hospitalName}}</text>
                  <view class="tag">
                    {{subSubItem.DoctorInfo.hospitalClassificationName}}{{subSubItem.DoctorInfo.hospitalLevelName}}
                  </view>
                  <view class="site" wx:if="{{subSubItem.DoctorInfo.cityName}}">
                    {{subSubItem.DoctorInfo.cityName}}{{subSubItem.DoctorInfo.countyName ?
                    '/':''}}{{subSubItem.DoctorInfo.countyName}}
                  </view>
                </view>
                <view class="w-footer" wx:if="{{subSubItem.DoctorInfo.doctorSpecialty.length}}">
                  <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
                  <view
                    class="wf-tag"
                    wx:for="{{subSubItem.DoctorInfo.doctorSpecialty}}"
                    wx:for-item="spec"
                    wx:key="SpecialtyId"
                  >
                    {{spec.SpecialtyName}}
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="container" wx:if="{{subItem.DoctorLevel=='1'}}">
        <view class="level-one-only {{subItem.active && 'active'}}">
          <view class="aside">
            <view class="vertical"></view>
            <view class="across"></view>
          </view>
          <view class="doctor">
            <view class="avatar-wrap">
              <doctorAvatar
                class="avatar"
                src="{{subItem.DoctorInfo.doctorImg}}"
                level="{{subItem.DoctorInfo.doctorLevel}}"
              ></doctorAvatar>
            </view>
            <view class="wrap">
              <view class="w-header">
                <view class="wh-wrap">
                  <view class="name">{{subItem.DoctorInfo.doctorName}}</view>
                  <view class="label" wx:if="{{subItem.DoctorInfo.doctorTitle==='99'}}">
                    {{subItem.DoctorInfo.doctorOtherTitle}}
                  </view>
                  <view class="label" wx:else>{{subItem.DoctorInfo.doctorTitleName}}</view>
                  <block wx:for="{{subItem.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                    <view class="line"></view>
                    <view class="label">{{dept.DepartmentName}}</view>
                  </block>
                </view>
              </view>
              <view class="w-container">
                <text class="hostipal">{{subItem.DoctorInfo.hospitalName}}</text>
                <view class="tag">
                  {{subItem.DoctorInfo.hospitalClassificationName}}{{subItem.DoctorInfo.hospitalLevelName}}
                </view>
                <view class="site" wx:if="{{subItem.DoctorInfo.cityName}}">
                  {{subItem.DoctorInfo.cityName}} {{subItem.DoctorInfo.countyName ? '/':''}}
                  {{subItem.DoctorInfo.countyName}}
                </view>
              </view>
              <view class="w-footer" wx:if="{{subItem.DoctorInfo.doctorSpecialty.length}}">
                <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
                <view
                  class="wf-tag"
                  wx:for="{{subItem.DoctorInfo.doctorSpecialty}}"
                  wx:for-item="spec"
                  wx:key="SpecialtyId"
                >
                  {{spec.SpecialtyName}}
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="container" wx:if="{{item.DoctorLevel=='2'}}">
      <view class="level-two {{item.active && 'active'}}">
        <view class="aside">
          <view class="vertical"></view>
          <view class="across"></view>
        </view>
        <view class="doctor">
          <view class="avatar-wrap">
            <doctorAvatar
              class="avatar"
              src="{{item.DoctorInfo.doctorImg}}"
              level="{{item.DoctorInfo.doctorLevel}}"
            ></doctorAvatar>
            <block wx:if="{{item.Children.length}}">
              <view class="num">{{item.Children.length}}人</view>
              <view class="line"></view>
            </block>
          </view>
          <view class="wrap">
            <view class="w-header">
              <view class="wh-wrap">
                <view class="name">{{item.DoctorInfo.doctorName}}</view>
                <view class="label" wx:if="{{item.DoctorInfo.doctorTitle==='99'}}">
                  {{item.DoctorInfo.doctorOtherTitle}}
                </view>
                <view class="label" wx:else>{{item.DoctorInfo.doctorTitleName}}</view>
                <block wx:for="{{item.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                  <view class="line"></view>
                  <view class="label">{{dept.DepartmentName}}</view>
                </block>
              </view>
              <view class="fold" bind:tap="handleFold" data-index="{{index}}">
                {{item.fold ? '展开':'收起'}}
                <image class="f-icon" src="{{imageUrl}}fold-{{item.fold?'down':'top'}}.png?t={{Timestamp}}"></image>
              </view>
            </view>
            <view class="w-container">
              <text class="hostipal">{{item.DoctorInfo.hospitalName}}</text>
              <view class="tag">
                {{item.DoctorInfo.hospitalClassificationName}}{{item.DoctorInfo.hospitalLevelName}}
              </view>
              <view class="site" wx:if="{{item.DoctorInfo.cityName}}">
                {{item.DoctorInfo.cityName}} {{item.DoctorInfo.countyName ? '/':''}} {{item.DoctorInfo.countyName}}
              </view>
            </view>
            <view class="w-footer" wx:if="{{item.DoctorInfo.doctorSpecialty.length}}">
              <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
              <view class="wf-tag" wx:for="{{item.DoctorInfo.doctorSpecialty}}" wx:for-item="spec" wx:key="SpecialtyId">
                {{spec.SpecialtyName}}
              </view>
            </view>
          </view>
        </view>
      </view>
      <view
        class="fold-wrap {{item.fold && 'fold'}}"
        wx:for="{{item.Children}}"
        wx:key="DoctorId"
        wx:for-item="subSubItem"
      >
        <view class="level-one {{subSubItem.active && 'active'}}">
          <view class="aside">
            <view class="vertical"></view>
            <view class="across"></view>
            <view class="vertical-grow"></view>
          </view>
          <view class="doctor">
            <view class="avatar-wrap">
              <doctorAvatar
                class="avatar"
                src="{{subSubItem.DoctorInfo.doctorImg}}"
                level="{{subSubItem.DoctorInfo.doctorLevel}}"
              ></doctorAvatar>
            </view>
            <view class="wrap">
              <view class="w-header">
                <view class="wh-wrap">
                  <view class="name">{{subSubItem.DoctorInfo.doctorName}}</view>
                  <view class="label" wx:if="{{subSubItem.DoctorInfo.doctorTitle==='99'}}">
                    {{subSubItem.DoctorInfo.doctorOtherTitle}}
                  </view>
                  <view class="label" wx:else>{{subSubItem.DoctorInfo.doctorTitleName}}</view>
                  <block wx:for="{{subSubItem.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                    <view class="line"></view>
                    <view class="label">{{dept.DepartmentName}}</view>
                  </block>
                </view>
              </view>
              <view class="w-container">
                <text class="hostipal">{{subSubItem.DoctorInfo.hospitalName}}</text>
                <view class="tag">
                  {{subSubItem.DoctorInfo.hospitalClassificationName}}{{subSubItem.DoctorInfo.hospitalLevelName}}
                </view>
                <view class="site" wx:if="{{subSubItem.DoctorInfo.cityName}}">
                  {{subSubItem.DoctorInfo.cityName}}{{subSubItem.DoctorInfo.countyName ?
                  '/':''}}{{subSubItem.DoctorInfo.countyName}}
                </view>
              </view>
              <view class="w-footer" wx:if="{{subSubItem.DoctorInfo.doctorSpecialty.length}}">
                <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
                <view
                  class="wf-tag"
                  wx:for="{{subSubItem.DoctorInfo.doctorSpecialty}}"
                  wx:for-item="spec"
                  wx:key="SpecialtyId"
                >
                  {{spec.SpecialtyName}}
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="container" wx:if="{{item.DoctorLevel=='1'}}">
      <view class="level-one-only {{item.active && 'active'}}">
        <view class="aside">
          <view class="vertical"></view>
          <view class="across"></view>
        </view>
        <view class="doctor">
          <view class="avatar-wrap">
            <doctorAvatar
              class="avatar"
              src="{{item.DoctorInfo.doctorImg}}"
              level="{{item.DoctorInfo.doctorLevel}}"
            ></doctorAvatar>
          </view>
          <view class="wrap">
            <view class="w-header">
              <view class="wh-wrap">
                <view class="name">{{item.DoctorInfo.doctorName}}</view>
                <view class="label" wx:if="{{item.DoctorInfo.doctorTitle==='99'}}">
                  {{item.DoctorInfo.doctorOtherTitle}}
                </view>
                <view class="label" wx:else>{{item.DoctorInfo.doctorTitleName}}</view>
                <block wx:for="{{item.DoctorInfo.doctorDept}}" wx:key="DepartmentId" wx:for-item="dept">
                  <view class="line"></view>
                  <view class="label">{{dept.DepartmentName}}</view>
                </block>
              </view>
            </view>
            <view class="w-container">
              <text class="hostipal">{{item.DoctorInfo.hospitalName}}</text>
              <view class="tag">
                {{item.DoctorInfo.hospitalClassificationName}}{{item.DoctorInfo.hospitalLevelName}}
              </view>
              <view class="site" wx:if="{{item.DoctorInfo.cityName}}">
                {{item.DoctorInfo.cityName}} {{item.DoctorInfo.countyName ? '/':''}} {{item.DoctorInfo.countyName}}
              </view>
            </view>
            <view class="w-footer" wx:if="{{item.DoctorInfo.doctorSpecialty.length}}">
              <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
              <view class="wf-tag" wx:for="{{item.DoctorInfo.doctorSpecialty}}" wx:for-item="spec" wx:key="SpecialtyId">
                {{spec.SpecialtyName}}
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </block>

  <view class="empty-wrap" wx:if="{{!tree.length}}">
    <image class="empty" src="{{imageUrl}}empty-1.png?t={{Timestamp}}" mode="scaleToFill"></image>
    <view class="e-title">没有找到您搜索的医院哦！</view>
  </view>
</view>