<view>
  <!-- 选择科室 -->
  <view class="department-section">
    <search-bar
      value="{{keyWord}}"
      disabled="{{false}}"
      maxLength="{{20}}"
      placeholder="搜索科室"
      onInput="handleInput"
      onClear="clearkeyWord"
    />
    <view style="height:calc( 100vh - {{titleBarHeight}}px - 50px );">
     <vtabs
      a:if="{{!noData && !showLoading }}"
      tabs="{{deparmentList}}"
      onTabClick="handleChange"
      activeTab="{{activeTab}}"
      sameFontSize="{{true}}"
      tabBarlineShow="{{true}}"
    >
      <block a:for="{{deparmentList}}"  >
        <vtab-content anchor="{{item.anchor}}">
        </vtab-content>
      </block>
      <list>
        <block a:for-item="child" a:for="{{chidrenList}}">
          <list-item
            arrow="{{true}}"
            data-departmentId="{{child.departmentId}}"
            data-departmentName="{{child.name}}"
            onClick="onItemClick"
          >
            <text class="item-txt">{{child.name}}</text>
          </list-item>
        </block>
      </list>
    </vtabs>
    </view>
   
  </view>
  <hj-loading a:if="{{showLoading}}"></hj-loading>
  <view a:if="{{noData}}" style="margin-top: 300rpx;">
    <hj-empty onRefresh="handleRefresh" showRefresh="true"> </hj-empty>
  </view>
</view>
