|  |  |  | 
|---|
|  |  |  | <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 { | 
|---|