<!--
|
车辆导入模态框
|
功能：用于上传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="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">
|
</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/Z二导入车辆模板.xlsx"
|
target="_blank">
|
地面停车费导入新模板、地下停车费导入新模板
|
</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> 取消
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
