wutian-miniprogram/src/pages/chatRoomList/index.wxml

<wxs src="/utils/util.wxs" module="tools" />
<view class="page">
  <view class="header">
    <view class="search">
      <image class="icon" src="{{imageUrl}}icon-search.png?t={{Timestamp}}"></image>
      <input
        class="input"
        model:value="{{search}}"
        confirm-type="search"
        bindconfirm="handleSearch"
        placeholder-class="place-input"
        type="text"
        placeholder="支持档案编号、医生姓名进行搜索"
      />
    </view>
    <view class="form {{fold && 'fold'}}">
      <view class="row">
        <view class="label">状态</view>
        <view class="picker-content" bind:tap="handleCaseShow">
          <view class="content">{{caseStatusName}}</view>
          <van-icon name="arrow-down" />
        </view>
      </view>
      <view wx:if="{{fold}}" class="fold" bind:tap="handleFold">
        展开
        <van-icon class="v-icon" name="arrow-down" />
      </view>
      <view class="row">
        <view class="label">医院</view>
        <view class="picker-content" bind:tap="handleHostipalShow">
          <view class="content">{{hospitalName}}</view>
          <van-icon name="arrow-down" />
        </view>
      </view>
      <view class="row row1">
        <view class="label">创建病例</view>
        <view class="picker">
          <view class="picker-content">
            <view class="range">
              <picker
                class="date"
                end="{{createRoomTimeEnd}}"
                model:value="{{createRoomTimeBegin}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{createRoomTimeBegin || '开始'}}</view>
              </picker>
              -
              <picker
                class="date"
                start="{{createRoomTimeBegin}}"
                model:value="{{createRoomTimeEnd}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{createRoomTimeEnd || '结束'}}</view>
              </picker>
            </view>
            <van-icon name="arrow-down" />
          </view>
        </view>
      </view>
      <view class="row row2">
        <view class="label">创建聊天室</view>
        <view class="picker">
          <view class="picker-content">
            <view class="range">
              <picker
                class="date"
                end="{{createCaseTimeEnd}}"
                model:value="{{createCaseTimeBegin}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{createCaseTimeBegin || '开始'}}</view>
              </picker>
              -
              <picker
                class="date"
                start="{{createCaseTimeBegin}}"
                model:value="{{createCaseTimeEnd}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{createCaseTimeEnd || '结束'}}</view>
              </picker>
            </view>
            <van-icon name="arrow-down" />
          </view>
        </view>
      </view>
      <view class="row">
        <view class="label">标签</view>
        <view class="picker-content" bind:tap="handleTagShow">
          <view class="content">{{labelName}}</view>
          <van-icon name="arrow-down" />
        </view>
      </view>
      <view class="row">
        <view class="label">类型</view>
        <view class="picker-content" bind:tap="handleTypeShow">
          <view class="content">{{typeName}}</view>
          <van-icon name="arrow-down" />
        </view>
      </view>
      <view class="row">
        <view class="label">地区</view>
        <view class="picker-content" bind:tap="handleArea">
          <view class="content">{{cityName + countyName || '全部'}}</view>
          <van-icon name="arrow-down" />
        </view>
      </view>
      <view wx:if="{{!fold}}" class="fold" bind:tap="handleFold">
        收起
        <van-icon class="v-icon" name="arrow-up" />
      </view>
    </view>
  </view>
  <view class="filter">
    <view class="wrap">
      <view class="btn {{!readStatus && 'active'}}" bind:tap="handleRead" data-value="">全部</view>
      <view class="btn {{readStatus==='2' && 'active'}}" bind:tap="handleRead" data-value="2">未读</view>
      <view class="btn {{readStatus==='1' && 'active'}}" bind:tap="handleRead" data-value="1">已读</view>
    </view>
    <view class="all-read" bind:tap="handleReadAll">全部标为已读</view>
  </view>
  <view class="room-list">
    <view class="card" wx:for="{{list}}" wx:key="msgId" bind:tap="handleRoom" data-params="{{item}}">
      <view class="c-header">
        <view class="id">ID:{{item.caseNo}}</view>
        <view class="date">{{item.createTime}}</view>
      </view>
      <view class="c-container">
        <view class="photos">
          <image
            wx:for="{{item.roomDoctors}}"
            mode="aspectFill"
            class="photo"
            wx:key="doctorId"
            src="{{item.doctorImg}}"
          ></image>
          <view class="no-read" wx:if="{{item.isRead===2}}"></view>
        </view>
        <view class="inner">
          <view class="hostipal">{{item.hospitalName}}</view>
          <view class="site" wx:if="{{item.cityName}}">
            {{item.cityName}}{{item.countyName?'/':''}}{{item.countyName}}
          </view>
          <view class="content">{{item.msgContent}}</view>
        </view>
      </view>
      <view class="c-footer">
        <view class="name">{{item.doctorName}} {{item.doctorTitleName || item.doctorOtherTitle}}</view>
        <view class="tags">
          <view class="tag" wx:for="{{item.caseLabels}}" wx:key="labelId">{{item.labelName}}</view>
        </view>
      </view>
    </view>
    <pagination pagination="{{pagination}}"></pagination>
  </view>
</view>

<van-popup show="{{ show1 }}" position="bottom" bind:close="onClose" z-index="10000" round closeable>
  <view class="popup1">
    <view class="title">状态</view>
    <view class="scroll">
      <view class="list">
        <view class="list-item {{!caseStatus.length && 'active'}}" bind:tap="handleCase">全部</view>
        <view
          class="list-item {{tools.include(index,caseStatus) && 'active'}}"
          wx:for="{{caseStatusList}}"
          bind:tap="handleCase"
          data-value="{{index}}"
          wx:key="index"
        >
          {{item}}
        </view>
      </view>
    </view>
    <view class="submit" bind:tap="handleCaseSubmit">确定</view>
  </view>
</van-popup>

<van-popup show="{{ show5 }}" position="bottom" bind:close="onClose" z-index="10000" round closeable>
  <view class="popup1">
    <view class="title">类型</view>
    <view class="scroll">
      <view class="list">
        <view class="list-item {{!type && 'active'}}" bind:tap="handleType">全部</view>
        <view
          class="list-item {{type === index && 'active'}}"
          wx:for="{{roomTypeList}}"
          bind:tap="handleType"
          data-value="{{index}}"
          wx:key="index"
        >
          {{item}}
        </view>
      </view>
    </view>
    <view class="submit" bind:tap="handleTypeSubmit">确定</view>
  </view>
</van-popup>

<van-popup show="{{ show2 }}" position="bottom" bind:close="onClose" z-index="10000" round closeable>
  <view class="popup2">
    <view class="title">选择医院</view>
    <view class="search">
      <image class="icon" src="{{imageUrl}}icon-search.png?t={{Timestamp}}"></image>
      <input
        class="input"
        model:value="{{hostilatSearch}}"
        placeholder-class="place-input"
        type="text"
        confirm-type="search"
        bindconfirm="handleSearchHostipal"
        placeholder="搜索医院名称"
      />
    </view>
    <scroll-view class="scroll" scroll-y="{{true}}" bindscrolltolower="handleHostipalBottom">
      <view class="list">
        <view
          class="list-item {{tools.include(item.HospitalId,hospitalId) && 'active'}}"
          wx:for="{{hostipalList}}"
          wx:key="HospitalId"
          bind:tap="handleHostipal"
          data-params="{{item}}"
        >
          <view class="hostipal">
            {{item.Name}}
            <view class="tag">
              {{hospitalClassification[item.HospitalClassification]}}{{hospitalLevel[item.HospitalLevel]}}
            </view>
          </view>
          <view class="site">
            {{item.ProvinceName === item.CityName ? '' : item.ProvinceName}}
            {{item.CityName}}{{item.CountyName}}{{item.Address}}
          </view>
        </view>
        <pagination pagination="{{hostipalPagination}}"></pagination>
      </view>
    </scroll-view>
  </view>
</van-popup>

<van-popup
  show="{{ show3 }}"
  style="--popup-close-icon-color: #283031"
  position="bottom"
  round
  closeable
  bind:close="onClose"
  z-index="10000"
>
  <view class="popup3">
    <view class="title">选择标签</view>
    <view class="sub-title">所属科室</view>
    <view class="tags tags1">
      <view
        class="tag {{tools.include(item.value,deptId) && 'active'}}"
        wx:for="{{deptList}}"
        wx:key="value"
        bind:tap="handleDept"
        data-params="{{item}}"
      >
        {{item.label}}
      </view>
    </view>
    <view class="sub-title" wx:if="{{labelList.length}}">标签</view>
    <view class="tags">
      <view
        class="tag {{tools.include(item.value,labelId) && 'active'}}"
        wx:for="{{labelList}}"
        wx:key="value"
        bind:tap="handleLabel"
        data-params="{{item}}"
      >
        {{item.label}}
      </view>
    </view>
    <view class="submit" bind:tap="handleTagSubmit">确定</view>
  </view>
</van-popup>

<van-popup show="{{ showArea }}" round position="bottom">
  <van-cascader
    value="{{ cascaderValue }}"
    title="请选择所在地区"
    options="{{ area }}"
    field-names="{{fieldNames}}"
    bind:close="onClose"
    bind:finish="onFinish"
  />
</van-popup>