<div id="importMeterWaterFeeModel" 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="importMeterWaterFee"></vc:i18n>
|
</h3>
|
<div class="ibox-content">
|
<div>
|
<div>
|
<div class="form-group row">
|
<label class="col-sm-2 col-form-label">
|
<vc:i18n name="费用类型" namespace="importMeterWaterFee"></vc:i18n>
|
</label>
|
<div class="col-sm-10">
|
<select class="custom-select" v-model="importMeterWaterFeeInfo.feeTypeCd"
|
@change="_changeImportMeterWaterFeeTypeCd(importMeterWaterFeeInfo.feeTypeCd)">
|
<option selected disabled value="">
|
{{vc.i18n('必填，请选择费用类型','importMeterWaterFee')}}
|
</option>
|
<option value="630000017">{{vc.i18n('代收水费','roomsProxyFee')}}</option>
|
<option value="630000007">{{vc.i18n('电费及管理费','roomsProxyFee')}}</option>
|
<option value="630000009">{{vc.i18n('其他收入','roomsProxyFee')}}</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 col-form-label">
|
<vc:i18n name="费用子类型" namespace="tempImportRoomFee"></vc:i18n>
|
</label>
|
<div class="col-sm-10">
|
<select class="custom-select" v-model="importMeterWaterFeeInfo.secondaryFeeTypeCd"
|
@change="_changeSecondaryFeeTypeCdx(importMeterWaterFeeInfo.feeTypeCd,importMeterWaterFeeInfo.secondaryFeeTypeCd)">
|
<option value="">
|
{{vc.i18n('非必填，请选择费用子类型','tempImportRoomFee')}}
|
</option>
|
<option v-for="(item,index) in importMeterWaterFeeInfo.secondaryFeeTypeCds" :key="item.secondaryFeeTypeCd"
|
v-bind:value="item.secondaryFeeTypeCd">
|
{{item.secondaryFeeTypeName}}
|
</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 col-form-label">
|
<vc:i18n name="收费内容" namespace="importMeterWaterFee"></vc:i18n>
|
</label>
|
<div class="col-sm-10">
|
<select class="custom-select" v-model="importMeterWaterFeeInfo.configId">
|
<option selected disabled value="">
|
{{vc.i18n('非必填，请选择收费项目','importMeterWaterFee')}}
|
</option>
|
<option v-for="(item,index) in importMeterWaterFeeInfo.feeConfigs" :key="index"
|
v-bind:value="item.configId">{{item.feeName}}
|
</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 col-form-label">
|
<vc:i18n name="抄表类型" namespace="importMeterWaterFee"></vc:i18n>
|
</label>
|
<div class="col-sm-10">
|
<select class="custom-select" v-model="importMeterWaterFeeInfo.meterType">
|
<option selected disabled value="">
|
{{vc.i18n('非必填，请选择抄表类型','importMeterWaterFee')}}
|
</option>
|
<option v-for="(item,index) in importMeterWaterFeeInfo.meterTypes" :key="index"
|
v-bind:value="item.typeId">{{item.typeName}}
|
</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 col-form-label">
|
<vc:i18n name="选择文件" namespace="importMeterWaterFee"></vc:i18n>
|
</label>
|
<div class="col-sm-10">
|
<div class="input-group">
|
<input type="text" class="form-control"
|
:value="importMeterWaterFeeInfo.excelTemplate==''?'必填，请选择数据文件':importMeterWaterFeeInfo.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="importMeterWaterFee"></vc:i18n>
|
</label>
|
<div class="col-sm-10">
|
请先下载
|
<a href="javascript:void(0)" @click="_exportMeterWaterFeeTemplate()">
|
<span>
|
{{ importMeterWaterFeeInfo.feeTypeCd === '630000017' ? '水费流水模板' :
|
importMeterWaterFeeInfo.feeTypeCd === '630000007' ? '电费流水模板' :
|
vc.i18n('导入模板', 'importMeterWaterFee') }}
|
</span>
|
</a>
|
准备数据后，上传导入
|
<!-- 重要提示已注释掉 -->
|
<!-- <div class="mt-2 text-danger">
|
<small>
|
<strong>重要提示：</strong><br>
|
- 请务必使用系统提供的对应模板，不要使用自行创建的模板<br>
|
- <span class="text-danger">水费模板：第11行开始为数据行，不允许有空行！请确保第11行及以后每行都填写完整的上月抄表读数和本月抄表读数</span><br>
|
- <span class="text-danger">电费模板：第11行开始为数据行，不允许有空行！请确保第11行及以后每行都填写完整的上月抄表读数和本月抄表读数</span><br>
|
- 模板中的必填项不能为空，否则会导致导入失败<br>
|
- 请确保数据行连续，不要在数据中间插入空行<br>
|
- 请确保所有数据行都有完整的抄表数据
|
<br>
|
<strong>模板使用步骤：</strong><br>
|
1. 选择费用类型<br>
|
2. 点击下载对应模板<br>
|
3. 按照模板格式填写数据，<span class="text-danger">确保第11行及以后每行都有完整的抄表数据，且没有空行</span><br>
|
4. 保存Excel文件<br>
|
5. 上传导入
|
</small>
|
</div> -->
|
</div>
|
</div>
|
<div class="ibox-content">
|
<button class="btn btn-primary float-right" type="button"
|
v-on:click="_importMeterWaterData()">
|
<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>
|
</div>
|
</div>
|
