| | |
|---|
| | | <!-- |
|---|
| | | 车辆导入模态框 |
|---|
| | | 功能：用于上传Excel文件批量导入车辆信息 |
|---|
| | | 结构：模态框容器、表单区域、操作按钮 |
|---|
| | | --> |
|---|
| | | <div id="importOwnerCarModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> |
|---|
| | | <!-- 模态框对话框，使用大屏幕尺寸 --> |
|---|
| | | <div class="modal-dialog modal-lg"> |
|---|
| | | <div class="modal-content"> |
|---|
| | | <div class="modal-body"> |
|---|
| | | <!-- 模态框标题 --> |
|---|
| | | <h3 class="m-t-none m-b "> |
|---|
| | | <vc:i18n name="车辆导入" namespace="importOwnerCar"></vc:i18n> |
|---|
| | | </h3> |
|---|
| | | |
|---|
| | | <!-- 表单内容区域 --> |
|---|
| | | <div class="ibox-content"> |
|---|
| | | <!-- 文件选择表单组 --> |
|---|
| | | <div class="form-group row"> |
|---|
| | | <!-- 标签 --> |
|---|
| | | <label class="col-sm-2 col-form-label"> |
|---|
| | | <vc:i18n name="选择文件" namespace="importOwnerCar"></vc:i18n> |
|---|
| | | </label> |
|---|
| | | <!-- 输入区域 --> |
|---|
| | | <div class="col-sm-10"> |
|---|
| | | <div class="custom-file"> |
|---|
| | | <input id="excelTemplate" ref="excelTemplate" type="file" |
|---|
| | | class="custom-file-input form-control" name="excelTemplate" |
|---|
| | | <div class="input-group"> |
|---|
| | | <!-- 只读输入框，用于显示选中的文件名 --> |
|---|
| | | <input type="text" class="form-control" |
|---|
| | | :value="importOwnerCarInfo.excelTemplate==''?'必填，请选择数据文件':importOwnerCarInfo.excelTemplate.name" |
|---|
| | | readonly> |
|---|
| | | <!-- 文件选择按钮 --> |
|---|
| | | <div class="input-group-append"> |
|---|
| | | <button class="btn btn-outline-secondary" type="button" |
|---|
| | | onclick="document.getElementById('excelTemplate').click()"> |
|---|
| | | 选择 |
|---|
| | | </button> |
|---|
| | | </div> |
|---|
| | | <!-- 隐藏的文件输入框，用于实际的文件选择操作 --> |
|---|
| | | <input id="excelTemplate" ref="excelTemplate" type="file" |
|---|
| | | class="form-control d-none" name="excelTemplate" |
|---|
| | | v-on:change="getExcelTemplate($event)" accept=".xls,.xlsx"> |
|---|
| | | <label for="excelTemplate" |
|---|
| | | class="custom-file-label">{{importOwnerCarInfo.excelTemplate==''?'必填，请选择数据文件':importOwnerCarInfo.excelTemplate.name}}</label> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 模板下载表单组 --> |
|---|
| | | <div class="form-group row"> |
|---|
| | | <!-- 标签 --> |
|---|
| | | <label class="col-sm-2 col-form-label"> |
|---|
| | | <vc:i18n name="下载模板" namespace="importOwnerCar"></vc:i18n> |
|---|
| | | </label> |
|---|
| | | <!-- 下载链接区域 --> |
|---|
| | | <div class="col-sm-10"> |
|---|
| | | 请先下载 |
|---|
| | | <a href="/import/importCar.xlsx" |
|---|
| | | <!-- 模板下载链接 --> |
|---|
| | | <a href="/import/Z二导入车辆模板.xlsx" |
|---|
| | | target="_blank"> |
|---|
| | | <vc:i18n name="导入模板" namespace="importOwnerCar"></vc:i18n> |
|---|
| | | 地面停车费导入新模板、地下停车费导入新模板 |
|---|
| | | </a> <span> |
|---|
| | | <vc:i18n name="准备数据后，上传导入" namespace="importOwnerCar"></vc:i18n> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 操作按钮区域 --> |
|---|
| | | <div class="ibox-content"> |
|---|
| | | <!-- 导入按钮 --> |
|---|
| | | <button class="btn btn-primary float-right" type="button" v-on:click="_importData()"> |
|---|
| | | <i class="fa fa-check"></i> 导入 |
|---|
| | | </button> |
|---|
| | | <!-- 取消按钮 --> |
|---|
| | | <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" |
|---|
| | | data-dismiss="modal"> |
|---|
| | | <i class="fa fa-close"></i> 取消 |
|---|
