‘’

liukangdong

2024-05-24 4f9c002c8963f93376e10e58f9023ab7839e4ebc

 h5/pages/staff/vehicle/shiwai.vue

@@ -27,11 +27,26 @@
         <view class="tit">您申请的用车时段已有车辆预约</view>
         <view class="content">
            <view class="card">皖A1212</view>
            <view class="line"><text>用车时段</text><text>111111</text></view>
            <view class="line"><text>目的地</text><text>111111</text></view>
            <view class="line"><text>乘车人数</text><text>111111</text></view>
            <view class="line"><text>用车事由</text><text>111111</text></view>
            <view class="line"><text>申请人</text><text>111111</text></view>
            <view class="line">
               <text>用车时段</text>
               <text>111111</text>
            </view>
            <view class="line">
               <text>目的地</text>
               <text>111111</text>
            </view>
            <view class="line">
               <text>乘车人数</text>
               <text>111111</text>
            </view>
            <view class="line">
               <text>用车事由</text>
               <text>111111</text>
            </view>
            <view class="line">
               <text>申请人</text>
               <text>111111</text>
            </view>
         </view>
      </view>
      <view class="main_footer">
@@ -41,8 +56,32 @@
      </view>
      <!--  -->
      <!-- 选择车辆 -->
      <u-picker keyName="name" :show="isShowCar" @close="isShowCar = false" :closeOnClickOverlay="true" :columns="carList" @confirm="seletedCar" @cancel="isShowCar = false"></u-picker>
      <u-picker keyName="name" :show="isShowDate" @close="isShowDate = false" :closeOnClickOverlay="true" :columns="datetimeOp" @confirm="seletedDate" @cancel="isShowDate = false"></u-picker>
      <u-picker
         keyName="name"
         :show="isShowCar"
         @close="isShowCar = false"
         :closeOnClickOverlay="true"
         :columns="carList"
         @confirm="seletedCar"
         @cancel="isShowCar = false"
      ></u-picker>
      <u-datetime-picker
         mode="datetime"
         keyName="name"
         :show="isShowDate"
         :filter="timeFilter"
         @close="isShowDate = false"
         :closeOnClickOverlay="true"
         @confirm="seletedDate"
         @cancel="isShowDate = false"
      />
      <uni-datetime-picker
                  v-model="datetimerange"
                  type="datetimerange"
                  start="2021-3-20 12:00:00"
                  end="2021-6-20 20:00:00"
                  rangeSeparator="至"
               />
   </view>
</template>

@@ -54,24 +93,32 @@
            isShowCar: false,
            isShowDate: false,
            carList: [],
            datetimeOp: [],
         datetimeOp: []
         };
      },
      methods: {
         seletedCar() {},
         seletedDate() {},
      seletedDate() {
         this.isShowDate = false;
      },
      timeFilter(mode, options) {
         if (mode === 'minute') {
            return options.filter(option => option === '00' || option === '30');
         }
         return options;
      }
   }
};
</script>

<style lang="scss">
.have_info{
   .tit{
      color: #ED4545;
      color: #ed4545;
      margin: 40rpx 0 24rpx;
   }
   .content{
      background: #F7F7F7;
      background: #f7f7f7;
      border-radius: 16rpx;
      padding: 30rpx 30rpx 10rpx;
      .card{
@@ -79,7 +126,7 @@
         font-weight: 500;
         font-size: 32rpx;
         color: #222222;
         background: #F7F7F7;
         background: #f7f7f7;
         padding: 0;
      }
      .line{
@@ -145,7 +192,7 @@
         margin-top: 24rpx;
         width: 120rpx;
         height: 120rpx;
         border: 2rpx solid #E5E5E5;
         border: 2rpx solid #e5e5e5;
         background: #f7f7f7;
         color: #666666;
         font-size: 22rpx;
@@ -166,7 +213,7 @@
      left: 0;
      bottom: 0;
      padding: 20rpx 30rpx 84rpx;
      box-shadow: 0rpx -3rpx 6rpx 0rpx #EEEEEE;
   box-shadow: 0rpx -3rpx 6rpx 0rpx #eeeeee;
      display: flex;
      align-items: center;
      justify-content: space-between;
@@ -175,17 +222,15 @@
         height: 72rpx;
         line-height: 72rpx;
         text-align: center;
         background: #279BAA;
         box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
      background: #279baa;
      box-shadow: 0rpx -1rpx 0rpx 0rpx #eeeeee;
         border-radius: 36rpx;
         font-size: 30rpx;
         color: #FFFFFF;
      color: #ffffff;
      }
      .sel{
         color: #279BAA;
      color: #279baa;
         flex: 1;
      }
		

   }
</style>