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

<wxs src="/utils/util.wxs" module="tools" />
<view class="page">
  <view class="header">
    <view class="navbar">
      <view class="nav {{nav==='0' && 'active'}}" bind:tap="handleNav" data-nav="0">我的病历</view>
      <view class="nav {{nav==='1' && 'active'}}" bind:tap="handleNav" data-nav="1">
        公开病历
        <van-icon name="question" color="rgba(224, 224, 224, 1)" />
      </view>
      <view class="nav {{nav==='2' && 'active'}}" bind:tap="handleNav" data-nav="2">
        优质病历
        <van-icon name="question" color="rgba(224, 224, 224, 1)" />
      </view>
    </view>
    <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 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">
        <view class="label">创建</view>
        <view class="picker">
          <view class="picker-content">
            <view class="range">
              <picker
                class="date"
                end="{{submitTimeEnd}}"
                model:value="{{submitTimeBegin}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{submitTimeBegin||'开始'}}</view>
              </picker>
              -
              <picker
                class="date"
                start="{{submitTimeBegin}}"
                model:value="{{submitTimeEnd}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{submitTimeEnd || '结束'}}</view>
              </picker>
            </view>
            <van-icon name="arrow-down" />
          </view>
        </view>
      </view>
      <view class="row">
        <view class="label">更新</view>
        <view class="picker">
          <view class="picker-content">
            <view class="range">
              <picker
                class="date"
                end="{{feedbackTimeEnd}}"
                model:value="{{feedbackTimeBegin}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{feedbackTimeBegin||'开始'}}</view>
              </picker>
              -
              <picker
                class="date"
                start="{{feedbackTimeBegin}}"
                model:value="{{feedbackTimeEnd}}"
                mode="date"
                bind:change="handleSearch"
              >
                <view class="date-content">{{feedbackTimeEnd || '结束'}}</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">{{deptName}}</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>
    <view class="station">
      <view class="wrap">
        <view class="item">
          <radio class="radio" checked="{{isReject==='1'}}" bind:tap="handleRadio" data-key="isReject"></radio>
          驳回
        </view>
        <view class="item" wx:if="{{nav!=='2'}}">
          <radio
            class="radio"
            checked="{{isHighQuality==='1'}}"
            bind:tap="handleRadio"
            data-key="isHighQuality"
          ></radio>
          优质
        </view>
        <view class="item" wx:if="{{nav!=='1'}}">
          <radio class="radio" checked="{{isOpen==='1'}}" bind:tap="handleRadio" data-key="isOpen"></radio>
          公开
        </view>
      </view>
      <view class="fold" bind:tap="handleFold">
        {{fold ? '展开' : '收起'}}
        <van-icon class="v-icon" name="{{fold? 'arrow-down' :'arrow-up'}}" />
      </view>
    </view>
  </view>
  <view class="sort-line">
    <view class="wrap">
      <view class="btn {{orderType==='feedbackTime' && 'active'}}" bind:tap="handleOrder" data-value="feedbackTime">
        更新时间排序
      </view>
      <view class="btn {{orderType==='submitTime' && 'active'}}" bind:tap="handleOrder" data-value="submitTime">
        提交时间排序
      </view>
    </view>
    <radio
      class="feedback"
      color="rgba(0, 180, 197, 1)"
      checked="{{needDeal==='1'}}"
      bind:tap="handleRadio"
      data-key="needDeal"
    >
      待我反馈
    </radio>
  </view>
  <view class="list">
    <view class="list-total" wx:if="{{pagination.count}}">共有{{pagination.count}}条病历</view>
    <view class="list-item" wx:for="{{list}}" bind:tap="handleDetail" wx:key="caseId">
      <image wx:if="{{item.isHighQuality==='1'}}" class="quality" src="{{imageUrl}}quality.png?t={{Timestamp}}"></image>
      <view class="li-header">
        <view class="wrap">
          <view class="id">ID:{{item.caseId}}</view>
          <view class="status status3" wx:if="{{item.caseStatus==='1'}}">{{item.statusName}}</view>
          <view class="status status2" wx:elif="{{item.caseStatus==='2'}}">{{item.statusName}}</view>
          <view class="status status1" wx:elif="{{item.caseStatus==='3'}}">{{item.statusName}}</view>
          <view class="status status1" wx:elif="{{item.caseStatus==='4'}}">{{item.statusName}}</view>
          <view class="status status3" wx:if="{{item.isOpen==='1'}}">已公开</view>
        </view>
        <image
          wx:if="{{item.canDel===1}}"
          class="option"
          src="{{imageUrl}}icon-gather.png?t={{Timestamp}}"
          catch:tap="handleDel"
          data-index="{{index}}"
        ></image>
      </view>
      <view class="li-row" wx:if="{{item.caseSubmitTime}}">
        <view class="label">提交时间</view>
        <view class="content">{{item.caseSubmitTime}}</view>
      </view>
      <view class="li-row">
        <view class="label">提交人</view>
        <view class="content">
          {{item.doctorName}}
          <text class="line">|</text>
          {{item.hospitalName}} {{item.doctorTitleName}}
        </view>
      </view>
      <view class="li-row">
        <view class="label">标签</view>
        <view class="tags">
          <view class="tag" wx:for="{{item.caseLabels}}" wx:key="labelId" wx:for-item="caseItem">
            {{caseItem.labelName}}
          </view>
        </view>
      </view>
      <view class="photos" wx:if="{{item.caseImages.length}}">
        <image
          wx:for="{{item.caseImages}}"
          wx:for-item="photoItem"
          class="photo"
          mode="aspectFill"
          src="{{photoItem.url}}"
          catch:tap="handleImagePreview"
          data-url="{{photoItem.url}}"
          wx:key="index"
        ></image>
      </view>
      <block wx:if="{{item.caseFeedback.feedbackId}}">
        <view class="li-row">
          <view class="label">更新时间</view>
          <view class="content">
            {{item.caseFeedback.createTime}}
            <view class="new" wx:if="{{item.caseFeedback.isRead==='2'}}">new</view>
            <view class="reject" wx:if="{{item.isReject==='1'}}">已驳回</view>
          </view>
        </view>
        <view class="li-row">
          <view class="label">反馈人</view>
          <view class="content">
            {{item.caseFeedback.doctorName}}
            <text class="line">|</text>
            {{item.caseFeedback.hospitalName}}
          </view>
        </view>
      </block>
    </view>
  </view>
  <view class="empty-1" wx:if="{{pagination.count==0 && search}}">
    <image class="e-img" src="{{imageUrl}}empty-1.png?t={{Timestamp}}"></image>
    <view class="e-tip">没有找到您搜索的医院哦！</view>
  </view>
  <view class="empty-2" wx:elif="{{nav==='0' && pagination.count==0}}">
    <image class="e-img" src="{{imageUrl}}empty-2.png?t={{Timestamp}}"></image>
    <view class="e-tip">你还没有病例哦！</view>
  </view>
  <pagination wx:else pagination="{{pagination}}"></pagination>
</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="{{ 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
    wx:if="{{ showArea }}"
    value="{{ cascaderValue }}"
    title="请选择所在地区"
    options="{{ area }}"
    field-names="{{fieldNames}}"
    bind:close="onClose"
    bind:finish="onFinish"
  />
</van-popup>