MicroCommunityWeb/public/components/property/editFeeConfig/editFeeConfig.html
2021-02-26 16:25:27 +08:00

155 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div id="editFeeConfigModel" class="modal fade" tabindex="-1" 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 ">修改费用项</h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">费用类型</label>
<div class="col-sm-10">
<select class="custom-select" v-bind:disabled="editFeeConfigInfo.isDefault=='T'"
v-model="editFeeConfigInfo.feeTypeCd">
<option selected disabled value="">必填,请选择费用类型</option>
<option v-for="(item,index) in editFeeConfigInfo.feeTypeCds" :key="index"
v-bind:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">收费项目</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.feeName"
v-bind:disabled="editFeeConfigInfo.isDefault=='T'" type="text"
placeholder="必填,请填写收费项目" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">费用标识</label>
<div class="col-sm-10">
<select class="custom-select" v-bind:disabled="editFeeConfigInfo.isDefault=='T'"
v-model="editFeeConfigInfo.feeFlag">
<option selected disabled value="">必填,请选择费用标识</option>
<option v-for="(item,index) in editFeeConfigInfo.feeFlags" :key="index"
:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">付费类型</label>
<div class="col-sm-10">
<select class="custom-select" v-model="editFeeConfigInfo.paymentCd">
<option selected disabled value="">必填,请选择付费类型</option>
<option v-for="(item,index) in editFeeConfigInfo.paymentCds" :key="index"
:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row" v-if="editFeeConfigInfo.feeFlag=='1003006'">
<label class="col-sm-2 col-form-label">缴费周期</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.paymentCycle" type="text"
placeholder="必填,请填写缴费周期 单位为月" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">催缴类型</label>
<div class="col-sm-10">
<select class="custom-select" v-model="editFeeConfigInfo.billType">
<option selected disabled value="">必填,请选择催缴类型</option>
<option v-for="(item,index) in editFeeConfigInfo.billTypes" :key="index"
:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">计费起始时间</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.startTime" type="text" placeholder="必填,请填写计费起始时间"
class="form-control editFeeConfigStartTime">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">计费终止时间</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.endTime" type="text" placeholder="必填,请填写计费终止时间"
class="form-control editFeeConfigEndTime">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">计算公式</label>
<div class="col-sm-10">
<select class="custom-select" v-bind:disabled="editFeeConfigInfo.isDefault=='T'"
v-model="editFeeConfigInfo.computingFormula">
<option selected disabled value="">必填,请选择计算公式</option>
<option v-for="(item,index) in editFeeConfigInfo.computingFormulas" :key="index"
v-if="item.statusCd != '4004'" v-bind:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row"
v-if="editFeeConfigInfo.computingFormula != '2002' && editFeeConfigInfo.computingFormula != '7007'">
<label class="col-sm-2 col-form-label">计费单价</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.squarePrice" type="text" placeholder="必填,请填写计费单价"
class="form-control">
</div>
</div>
<div class="form-group row" v-if="editFeeConfigInfo.computingFormula != '7007'">
<label class="col-sm-2 col-form-label">{{editFeeConfigInfo.computingFormula
== '1001'
?'附加费用':'固定费用'}}</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.additionalAmount" type="text"
placeholder="必填,请填写附加费用" class="form-control">
</div>
</div>
<div v-else>
<div class="form-group row">
<label class="col-sm-2 col-form-label">公式</label>
<div class="col-sm-10">
<textarea v-model="editFeeConfigInfo.computingFormulaText"
placeholder="必填,请填写公式" class="form-control"></textarea>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">说明</label>
<div class="col-sm-10">
<div>T 代表总量,如电费总使用量</div>
<div>C 代表房屋对应小区面积</div>
<div>F 代表房屋对应楼栋面积</div>
<div>U 代表房屋对应单元面积</div>
<div>R 代表房屋面积</div>
<div>X 代表房屋收费系数(房屋管理中配置)</div>
<div>L 代表房屋对应楼栋房屋数</div>
<div>D 代表房屋对应单元房屋数</div>
<div>举例:公共区域公摊电费 电量/楼栋面积*房屋面积</div>
<div>公式T/F * R</div>
</div>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button" v-on:click="editFeeConfig()">
<i class="fa fa-check"></i>&nbsp;保存
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
data-dismiss="modal">
<i class="fa fa-times"></i>&nbsp;取消
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>