meeting-management-applet-zfb/pages/meeting/detail/index.axml

<view class='page-container-classname' ref='saveChildRef0'>
  <import-sjs from='../../../utils/util.sjs' name='utils'>
  </import-sjs>
  <view class='page'>
    <view class='top'>
      <image class='room-detail-bg' src='/static/img/room-detail-bg.png' mode="aspectFill">
      </image>
    </view>
    <view >
      <!--<van-icon name='arrow-left' onTap='goBack' ref='saveChildRef1'></van-icon> -->
      <view class='basics-msg'>
        <view class='basics-msg-tit'>
          {{itemData.meetingName}}
        </view>
        <view class='basics-msg-position'>
          <van-icon name='location' ref='saveChildRef2'>
          </van-icon>
          <text class="over-text">
            {{itemData.meetingAddress}}
          </text>
        </view>
        <view class='basics-msg-position'>
          <van-icon name='clock' ref='saveChildRef3'>
          </van-icon>
          <text class="over-text">
            {{itemData.canAppointmentStartTime}}~{{itemData.canAppointmentEndTime}}内可预约
          </text>
        </view>
        <view class='basics-msg-position'>
          <van-icon name='map-marked' ref='saveChildRef4'>
          </van-icon>
          <text class="over-text">
            共有{{itemData.seatNum}}个座位
          </text>
        </view>
        <view a:if="{{!statusItem}}" class='tips'>
          <van-icon name='info' ref='saveChildRef5'>
          </van-icon>
          <text class="over-text">
            最长可提前{{itemData.meetingLargestDayNum}}天进行预约
          </text>
        </view>
      </view>
    </view>
    <view class='contnt'>
      <view a:if="{{!statusItem}}" class='service border-radius-20'>
        <view>
          <van-icon name='setting' class='m-r-16' ref='saveChildRef6'>
          </van-icon>
          <text>
            会议室预约可配置
          </text>
        </view>
        <view class='service-item'>
          <text
            a:for='{{itemData.meetingBeforeServiceNameList}}'
            class='letter'
            a:key='{{index}}'
            ref-numbers='{{itemData.meetingBeforeServiceNameList}}'
          >
            {{item}} {{itemData.meetingBeforeServiceNameList.length>index+1?'/':''}}
          </text>
        </view>
        <view>
          <van-icon name='like' class='m-r-16' ref='saveChildRef7'>
          </van-icon>
          <text>
            会议中可提供服务
          </text>
        </view>
        <view class='service-item'>
          <text
            a:for='{{itemData.meetingInServiceList}}'
            class='letter'
            a:key='{{index}}'
            ref-numbers='{{itemData.meetingInServiceList}}'
          >
            {{item}} {{itemData.meetingInServiceList.length>index+1?'/':''}}
          </text>
        </view>
      </view>
      <view a:if="{{itemData.imgList &&itemData.imgList.length>0 &&!statusItem}}">
        <view class="picture-tit">
          会议室实景图
        </view>
        <view class="picture-box" onTap="preview" data-src="{{itemData.imgList}}">
          <image
            a:for="{{itemData.imgList}}"
            class="picture-img"
            a:key="index"
            src="{{item}}"
            mode="aspectFill"
          />
        </view>
      </view>
      <view class='contnt-box'>
        <view class='tit'>
          已预约的会议
        </view>
        <view class='flex'>
          <view
            a:for='{{subscribeList}}'
            class="date-item border-radius-20 {{chooseId==item.id?'choose-bg':''}}"
            a:key='{{index}}'
            data-item='{{item}}'
            ref-numbers='{{subscribeList}}'
            onTap='antmoveAction'
            data-antmove-tap='clickDate'
          >
            <view class="{{chooseId==item.id?'choose-two':'two'}}">
              {{item.month}}
            </view>
            <view a:if="{{!statusItem}}" class="{{chooseId==item.id?'choose-three':'three'}}">
              可预约
            </view>
            <view a:else class="{{chooseId==item.id?'choose-three':'three'}}">
              {{item.num}}场
            </view>
          </view>
        </view>
      </view>
      <view class='m-b'>
        <view
          a:for='{{appointmentList}}'
          class='meeting-item border-radius-20'
          a:key='{{index}}'
          data-item='{{item}}'
          data-type='meeting-detail'
          ref-numbers='{{appointmentList}}'
          onTap='antmoveAction'
          data-antmove-tap='goDetail'
        >
          <view class='flex'>
            <view>
              <image
                class='m-b-icon'
                src='/static/img/meeting-detail-icon.png'
                mode="scaleToFill"
              >
              </image>
              {{item.appointmentStartTime}}~{{item.appointmentEndTime}}
            </view>
            <view class='color  appointmentdetail-detail-color'>
              <van-icon name='friends' ref='saveChildRef8'>
              </van-icon>
              <text>
                参会{{item.meetingNum}}人
              </text>
            </view>
          </view>
          <view
            a:if="{{utils.indexOf1(itemData.meetingBeforeServiceNameList,'准备会标') && item.meetingMonogram}}"
            class='over'
          >
            <van-icon name='label' class='icon' ref='saveChildRef9'>
            </van-icon>
            <text>
              {{item.meetingMonogram}}
            </text>
          </view>
          <view class='subscribe-user'>
            <text>
              预约人：{{item.name}}
            </text>
          </view>
        </view>
      </view>
    </view>
    <view a:if='{{userInfo.appointmentAuth&&!statusItem}}' class='btn-area'>
      <btn data-id='1' onTap='antmoveAction' data-antmove-tap='goto'>
        去预约
      </btn>
    </view>
  </view>
</view>