css

liukangdong

2024-06-25 ebc96a1cf0424c04dceacbc42f9ad2a897223be9

 h5/pages/staff/meetingSub.vue

@@ -53,9 +53,7 @@
            <view class="">{{ item.name }}</view>
          </view>
        </view>
        <view class="sub" @click="onSubmit"
          >确认预约</view
        >
        <view class="sub" @click="onSubmit">确认预约</view>
      </view>
    </view>
    <!--  -->
@@ -91,7 +89,7 @@
import {
  roomsListPost,
  getRoomUseTime,
   meetingDetail
  meetingDetail
} from '@/api'
export default {
  data() {
@@ -99,7 +97,7 @@
      activeRoom: {
        yudingDate: ''
      },
         selDatetime: '',
      selDatetime: '',
      isShowDetail: false,
      activeInfo: {},
      meetingList: [],
@@ -129,8 +127,8 @@
      this.$set(this.activeRoom, 'roomId', item.id)
      this.$set(this.activeRoom, 'roomName', item.name)
    },
      onSubmit() {
         const { activeRoom } = this
    onSubmit() {
      const { activeRoom } = this
      const selTimeList = this.timeList.filter(i => i.checked == '1')
      if (selTimeList.length == -1) {
        return uni.showToast({
@@ -138,14 +136,14 @@
          icon: 'none'
        })
      }
         const obj = {
            startTime: selTimeList[0].startTime,
            endTime: selTimeList[selTimeList.length - 1].endTime,
        bookingTimeList: selTimeList.map(i=>i.id).join(',')
         }
         uni.navigateTo({
            url: `/pages/staff/meetingSubOrder?yudingDate=${activeRoom.yudingDate}&roomName=${activeRoom.roomName}&roomId=${activeRoom.roomId}&startTime=${obj.startTime}&endTime=${obj.endTime}&bookingTimeList=${obj.bookingTimeList}`
         })
      const obj = {
        startTime: selTimeList[0].startTime,
        endTime: selTimeList[selTimeList.length - 1].endTime,
        bookingTimeList: selTimeList.map(i => i.id).join(',')
      }
      uni.navigateTo({
        url: `/pages/staff/meetingSubOrder?yudingDate=${activeRoom.yudingDate}&roomName=${activeRoom.roomName}&roomId=${activeRoom.roomId}&startTime=${obj.startTime}&endTime=${obj.endTime}&bookingTimeList=${obj.bookingTimeList}`
      })
      // this.$jump('/pages/staff/vehicle/apply')
    },
    getRoomList() {
@@ -171,10 +169,10 @@
      })
    },
    datetimeClick(item, index) {
      if(item.bookingTimeId){
            this.getDetail(item.bookingTimeId)
            return
         }
      if (item.bookingTimeId) {
        this.getDetail(item.bookingTimeId)
        return
      }
      if (item.isUse == '1') return
      const { timeList } = this
      const selTimeList = timeList.filter(i => i.checked == '1')
@@ -228,14 +226,14 @@
      this.yudingDate = dayjs(yudingDate)[fn](1, 'days').format('YYYY-MM-DD')
      this.getRoomList()
    },
      getDetail(id) {
         meetingDetail({
            id
         }).then(res => {
    getDetail(id) {
      meetingDetail({
        id
      }).then(res => {
        this.activeInfo = res.data
        this.isShowDetail = true
      })
      },
    },
  }
}
</script>
@@ -245,12 +243,12 @@
  padding: 40rpx 30rpx;
  .title {
    text-align: center;
    font-weight: 500;
    font-weight: 600;
    font-size: 32rpx;
    margin-bottom: 40rpx;
  }
  .h1 {
    font-weight: 500;
    font-weight: 600;
    font-size: 32rpx;
    margin-bottom: 30rpx;
  }
@@ -273,7 +271,7 @@
    text-align: center;
    background: $uni-color-primary;
    border-radius: 44rpx;
    font-weight: 500;
    font-weight: 600;
    font-size: 32rpx;
    color: #ffffff;
  }
@@ -283,7 +281,7 @@
  width: 100%;
  left: 0;
  bottom: 0;
   background-color: #fff;
  background-color: #fff;
  padding: 20rpx 30rpx 84rpx;
  box-shadow: 0rpx -3rpx 6rpx 0rpx #eeeeee;
  .sel_time {