jiangping
2024-06-28 43942a545271345ce26e40d82bb97138c5ea7611
h5/pages/staff/vehicle/shiwai.vue
@@ -24,7 +24,7 @@
        <view class="value" @click="isShowDate = true">
          <text
            class="mr6"
            :style="{ color: param.startTime ? '#999999' : '#999999' }"
            :style="{ color: param.startTime ? '#000000' : '#999999' }"
          >
            <template v-if="param.startTime">
              {{ param.startHours }}至{{ param.endHours }}
@@ -36,8 +36,8 @@
      </view>
    </view>
    <view class="have_info" v-if="info && info.length > 0">
      <view class="tit">您申请的用车时段已有车辆预约</view>
      <view class="content" v-for="item,i in info" :key="i">
      <view class="tit">您申请的用车时段存在以下预约信息,无法预约</view>
      <view class="content" v-for="(item, i) in info" :key="i">
        <view class="card">{{ item.carCode }}</view>
        <view class="line">
          <text>用车时段</text>
@@ -61,7 +61,7 @@
        </view>
        <view class="line">
          <text>申请人</text>
          <text>{{ item.memberName }} {{ item.memberMobile}}</text>
          <text>{{ item.memberName }} {{ item.memberMobile }}</text>
        </view>
      </view>
    </view>
@@ -70,7 +70,7 @@
      <text class="sel" v-if="param.startTime"
        >{{ param.startHours }}至{{ param.endHours }}</text
      >
      <text class="btn" @click="onSubmit">确认预约</text>
      <text class="btn" :class="{disable: info && info.length > 0}" @click="onSubmit">确认预约</text>
    </view>
    <!--  -->
    <!-- 选择车辆 -->
@@ -131,10 +131,7 @@
  methods: {
    onSubmit() {
      const { param, info } = this
         if (info.length > 0) return uni.showToast({
        title: '请重新选择时间段',
        icon: 'none'
      })
      if (info.length > 0) return
      if (!param.startTime) return uni.showToast({
        title: '请先选择用车时间段',
        icon: 'none'
@@ -217,7 +214,7 @@
<style lang="scss">
.have_info {
   padding: 0 0 200rpx;
  padding: 0 0 200rpx;
  .tit {
    color: #ed4545;
    margin: 40rpx 0 24rpx;
@@ -226,10 +223,10 @@
    background: #f7f7f7;
    border-radius: 16rpx;
    padding: 30rpx 30rpx 10rpx;
      margin-bottom: 20rpx;
    margin-bottom: 20rpx;
    .card {
      margin-bottom: 30rpx;
      font-weight: 500;
      font-weight: 600;
      font-size: 32rpx;
      color: #222222;
      background: #f7f7f7;
@@ -317,7 +314,7 @@
  position: fixed;
  width: 100%;
  left: 0;
   background-color: #fff;
  background-color: #fff;
  bottom: 0;
  padding: 20rpx 30rpx 84rpx;
  box-shadow: 0rpx -3rpx 6rpx 0rpx #eeeeee;
@@ -339,5 +336,8 @@
    color: $uni-color-primary;
    flex: 1;
  }
   .disable{
      background: #CCCCCC;
   }
}
</style>