|  |  | 
 |  |  |         <h1>注意事项:</h1> | 
 |  |  |         <div>1、公司车辆外出需办理用车申请表,经批准后方可外出(借出)。</div> | 
 |  |  |         <div>2、市外用车需领导审核。</div> | 
 |  |  |         <div> | 
 |  |  |         <!-- <div> | 
 |  |  |           3、借出车辆必须遵守交通规则,安全行驶。对于车辆发生交通意外,对当事人及第三方造成人身伤害及损失,公司可以协助处理保险公司赔偿相关事宜,但不承担任何责任和费用。 | 
 |  |  |         </div> | 
 |  |  |         <div> | 
 |  |  |           4、公司借给申请人用车,申请借车人为第一责任人,不允许转借给其他人使用,若要借给他人使用。责任人要承担全部责任。 | 
 |  |  |         </div> | 
 |  |  |         </div> --> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |  | 
 |  |  | 
 |  |  |       title="选择用车时间" | 
 |  |  |       :visible.sync="isShowTime" | 
 |  |  |       append-to-body | 
 |  |  |       width="600px" | 
 |  |  |       width="640px" | 
 |  |  |     > | 
 |  |  |       <el-form :model="form" ref="modalRef" class="el_form" :rules="rules"> | 
 |  |  |         <el-form-item label="用车日期" prop="dateDay"> | 
 |  |  | 
 |  |  |     div { | 
 |  |  |       line-height: 28px; | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  |   }  | 
 |  |  | } | 
 |  |  | .time_list { | 
 |  |  |   display: flex; | 
 |  |  |   justify-content: space-between; | 
 |  |  |   flex-wrap: wrap; | 
 |  |  |   .item { | 
 |  |  |     width: 154px; | 
 |  |  |     height: 32px; | 
 |  |  |     line-height: 32px; | 
 |  |  |     text-align: center; | 
 |  |  |     background: #f7f7f7; | 
 |  |  |     border-radius: 4px; | 
 |  |  |     margin-bottom: 10px; | 
 |  |  |     margin-right: 8px; | 
 |  |  |     margin-bottom: 8px; | 
 |  |  |     font-size: 14px; | 
 |  |  |     font-weight: 400; | 
 |  |  |     line-height: 14px; | 
 |  |  |     width: 124px; | 
 |  |  |     height: 36px; | 
 |  |  |     display: flex; | 
 |  |  |     justify-content: center; | 
 |  |  |     align-items: center; | 
 |  |  |     border-radius: 5px; | 
 |  |  |     color: #111; | 
 |  |  |     border: #cccccc solid 1px; | 
 |  |  |     cursor: pointer; | 
 |  |  |   } | 
 |  |  |   .active { | 
 |  |  |     background-color: $primary-color; | 
 |  |  |     color: #fff; | 
 |  |  |     border-color: $primary-color; | 
 |  |  |     background-color: #f6f9fe; | 
 |  |  |     color: $primary-color; | 
 |  |  |   } | 
 |  |  |   .disable { | 
 |  |  |     color: #fff; | 
 |  |  |     border-color: #cccccc; | 
 |  |  |     background-color: #cccccc; | 
 |  |  |     color: #999999; | 
 |  |  |   } | 
 |  |  |   .hasSub { | 
 |  |  |       color: #fff; | 
 |  |  |       background: #cccccc; | 
 |  |  |     border-color: #bed6f9; | 
 |  |  |     background-color: #bed6f9; | 
 |  |  |     color: #fff; | 
 |  |  |     } | 
 |  |  | } | 
 |  |  | .color_op { |