MicroCommunityWeb/public/components/property/editFeeConfig/editFeeConfig.html
2023-09-04 00:50:33 +08:00

266 lines
19 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" 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 ">
<span><vc:i18n name="修改" namespace="editFeeConfig"></vc:i18n></span>
</h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="费用类型" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-bind:disabled="editFeeConfigInfo.isDefault=='T'"
v-model="editFeeConfigInfo.feeTypeCd">
<option selected disabled value="">
{{vc.i18n('必填,请选择费用类型','editFeeConfig')}}
</option>
<option v-for="(item,index) in editFeeConfigInfo.feeTypeCds" :key="index"
v-bind:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="收费项目" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<input v-model="editFeeConfigInfo.feeName"
v-bind:disabled="editFeeConfigInfo.isDefault=='T'" type="text"
:placeholder="vc.i18n('必填,请填写收费项目','editFeeConfig')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="费用标识" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-bind:disabled="editFeeConfigInfo.isDefault=='T'"
v-model="editFeeConfigInfo.feeFlag">
<option selected disabled value="">
{{vc.i18n('必填,请选择费用标识','editFeeConfig')}}
</option>
<option v-for="(item,index) in editFeeConfigInfo.feeFlags" :key="index"
:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="付费类型" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="editFeeConfigInfo.paymentCd">
<option selected disabled value="">
{{vc.i18n('必填,请选择付费类型','editFeeConfig')}}
</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">
<label class="col-sm-2 col-form-label text-right"
v-if="editFeeConfigInfo.feeFlag !='2006012'">
<span><vc:i18n name="缴费周期" namespace="editFeeConfig"></vc:i18n></span>(单位:月)
</label>
<div class="col-sm-4" v-if="editFeeConfigInfo.feeFlag !='2006012'">
<input v-model="editFeeConfigInfo.paymentCycle" type="text"
:placeholder="vc.i18n('必填,请填写缴费周期','editFeeConfig')"
class="form-control">
</div>
<label class="col-sm-2 col-form-label text-right"
v-if="editFeeConfigInfo.paymentCd == '1200'">
<span><vc:i18n name="预付期" namespace="editFeeConfig"></vc:i18n></span>(单位:天)
</label>
<div class="col-sm-4" v-if="editFeeConfigInfo.paymentCd == '1200'">
<input v-model="editFeeConfigInfo.prepaymentPeriod" type="text"
:placeholder="vc.i18n('必填,请填写预付期','editFeeConfig')"
class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="开始时间" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<input v-model="editFeeConfigInfo.startTime" type="text"
:placeholder="vc.i18n('必填,请填写开始时间','editFeeConfig')"
class="form-control editFeeConfigStartTime">
</div>
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="结束时间" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<input v-model="editFeeConfigInfo.endTime" type="text"
:placeholder="vc.i18n('必填,请填写结束时间','editFeeConfig')"
class="form-control editFeeConfigEndTime">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="催缴类型" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="editFeeConfigInfo.billType">
<option selected disabled value="">
{{vc.i18n('必填,请选择催缴类型','editFeeConfig')}}
</option>
<option v-for="(item,index) in editFeeConfigInfo.billTypes" :key="index"
:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="是否抵扣" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="editFeeConfigInfo.deductFrom">
<option selected disabled value="">
{{vc.i18n('必填,请选择是否账户自动抵扣','editFeeConfig')}}
</option>
<option value="Y">{{vc.i18n('是','editFeeConfig')}}</option>
<option value="N">{{vc.i18n('否','editFeeConfig')}}</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="手机缴费" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="editFeeConfigInfo.payOnline">
<option value="Y">{{vc.i18n('是')}}</option>
<option value="N">{{vc.i18n('否')}}</option>
</select>
</div>
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="进位方式" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="editFeeConfigInfo.scale">
<option value="1">{{vc.i18n('四舍五入','editFeeConfig')}}</option>
<option value="3">{{vc.i18n('向上进位','editFeeConfig')}}</option>
<option value="4">{{vc.i18n('向下进位','editFeeConfig')}}</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="保留小数位" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="editFeeConfigInfo.decimalPlace">
<option value="0">{{vc.i18n('取整')}}</option>
<option value="1">{{vc.i18n('1位')}}</option>
<option value="2">{{vc.i18n('2位')}}</option>
<option value="3">{{vc.i18n('3位')}}</option>
<option value="4">{{vc.i18n('4位')}}</option>
</select>
</div>
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="单位" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-4">
<input v-model="editFeeConfigInfo.units" type="text"
:placeholder="vc.i18n('必填,请填写单位(如:元)','editFeeConfig')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="计算公式" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-10">
<select class="custom-select" v-bind:disabled="editFeeConfigInfo.isDefault=='T'"
v-model="editFeeConfigInfo.computingFormula">
<option selected disabled value="">
{{vc.i18n('必填,请选择计算公式','editFeeConfig')}}
</option>
<option v-for="(item,index) in editFeeConfigInfo.computingFormulas" :key="index"
v-bind:value="item.statusCd">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row" v-show="editFeeConfigInfo.computingFormula != '2002'
&& editFeeConfigInfo.computingFormula != '7007'
&& editFeeConfigInfo.computingFormula != '8008'
&& editFeeConfigInfo.computingFormula != '1101'
&& editFeeConfigInfo.computingFormula != '1102'
&& editFeeConfigInfo.computingFormula != '4004'
&& editFeeConfigInfo.computingFormula != '9009'">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="计费单价" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.squarePrice" type="text"
:placeholder="vc.i18n('必填,请填写计费单价','editFeeConfig')" class="form-control">
</div>
</div>
<div class="form-group row" v-show="editFeeConfigInfo.computingFormula != '7007'
&& editFeeConfigInfo.computingFormula != '8008'
&& editFeeConfigInfo.computingFormula != '1101'
&& editFeeConfigInfo.computingFormula != '1102'
&& editFeeConfigInfo.computingFormula != '4004'
&& editFeeConfigInfo.computingFormula != '9009'">
<label class="col-sm-2 col-form-label text-right">
{{editFeeConfigInfo.computingFormula == '1001' ? '附加费用' : '固定费用'}}
</label>
<div class="col-sm-10">
<input v-model="editFeeConfigInfo.additionalAmount" type="text"
:placeholder="vc.i18n('必填,请填写附加费用','editFeeConfig')" class="form-control">
</div>
</div>
<div v-show="editFeeConfigInfo.computingFormula == '7007'">
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="公式" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-10">
<textarea v-model="editFeeConfigInfo.computingFormulaText"
:placeholder="vc.i18n('必填,请填写公式','editFeeConfig')"
class="form-control">
</textarea>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<span><vc:i18n name="说明" namespace="editFeeConfig"></vc:i18n></span>
</label>
<div class="col-sm-10">
<div>C 代表房屋对应小区面积</div>
<div>F 代表房屋对应楼栋面积</div>
<div>U 代表房屋对应单元面积</div>
<div>R 代表房屋面积</div>
<div>X 代表房屋收费系数(房屋管理中配置)</div>
<div>L 代表房屋层数</div>
<div>
<span><vc:i18n name="举例" namespace="editFeeConfig"></vc:i18n></span>:电梯使用费
(层数-5)*每层单价+基础费用
</div>
<div>
<span><vc:i18n name="公式" namespace="editFeeConfig"></vc:i18n></span>(L-5)*5
+ 10
</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>