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

134 lines
9.2 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="roomsCreateFeeModel" 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="roomsCreateFee"></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="roomsCreateFee"></vc:i18n></label>
<div class="col-sm-10">
<select class="custom-select" v-model="roomsCreateFeeInfo.locationObjId" >
<option selected disabled value="">{{vc.i18n('必填,请选择房屋','roomsCreateFee')}}</option>
<option v-for="(item,index) in roomsCreateFeeInfo.rooms" :key="index"
v-bind:value="item.roomId" >
{{item.floorNum}}-{{item.unitNum}}-{{item.roomNum}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<vc:i18n name="费用类型" namespace="roomsCreateFee"></vc:i18n>
</label>
<div class="col-sm-10">
<select class="custom-select" v-model="roomsCreateFeeInfo.feeTypeCd"
@change="_changeRoomsCreateFeeTypeCd(roomsCreateFeeInfo.feeTypeCd)">
<option selected disabled value="">
{{vc.i18n('必填,请选择费用类型','roomsCreateFee')}}
</option>
<!--item.statusCd !='888800010008' &&-->
<option v-for="(item,index) in roomsCreateFeeInfo.feeTypeCds" :key="index"
v-bind:value="item.statusCd"
v-if="item.statusCd !='888800010017'">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="收费项目" namespace="roomsCreateFee"></vc:i18n></span>
</label>
<div class="col-sm-10">
<select class="custom-select" v-model="roomsCreateFeeInfo.configId"
@change="_roomsCreateFeeIfOnceFee(roomsCreateFeeInfo.configId)">
<option selected disabled value="">
{{vc.i18n('必填,请选择收费项目','roomsCreateFee')}}
</option>
<option v-for="(item,index) in roomsCreateFeeInfo.feeConfigs" :key="index"
v-bind:value="item.configId">{{item.feeName}}
</option>
</select>
</div>
</div>
<div class="form-group row" v-if="roomsCreateFeeInfo.computingFormula == '4004'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="收费金额" namespace="roomsCreateFee"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="roomsCreateFeeInfo.amount" type="text"
:placeholder="vc.i18n('必填,请填写收费金额','roomsCreateFee')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="计费起始时间" namespace="roomsCreateFee"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="roomsCreateFeeInfo.startTime" type="text"
:placeholder="vc.i18n('必填,请填写计费起始时间','roomsCreateFee')"
class="form-control roomCreateFeeStartTime">
</div>
</div>
<!-- 显示条件1.不是押金 2.不是其他费用 3.不是周期性费用 -->
<div class="form-group row"
v-show="roomsCreateFeeInfo.feeTypeCd != '888800010006' && roomsCreateFeeInfo.feeFlag != '1003006'">
<label class="col-sm-2 col-form-label">
<vc:i18n name="计费结束时间" namespace="roomsCreateFee"></vc:i18n>
</label>
<div class="col-sm-10">
<input v-model="roomsCreateFeeInfo.endTime" type="text"
:placeholder="vc.i18n('必填,请填写计费结束时间','roomsCreateFee')"
class="form-control roomCreateFeeEndTime">
</div>
</div>
<div class="form-group row" v-show="roomsCreateFeeInfo.computingFormula == '1102'">
<label class="col-sm-2 col-form-label">
<vc:i18n name="递增周期" namespace="roomsCreateFee"></vc:i18n>
</label>
<div class="col-sm-10">
<input v-model="roomsCreateFeeInfo.rateCycle" type="text"
:placeholder="vc.i18n('必填,请填写递增周期,请填写月份','roomsCreateFee')"
class="form-control ">
</div>
</div>
<div class="form-group row" v-show="roomsCreateFeeInfo.computingFormula == '1102'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="计费递增率" namespace="roomsCreateFee"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="roomsCreateFeeInfo.rate" type="text"
:placeholder="vc.i18n('必填,请填写递增率','roomsCreateFee')" class="form-control ">
</div>
</div>
<div class="form-group row" v-show="roomsCreateFeeInfo.computingFormula == '1102'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="递增开始时间" namespace="roomsCreateFee"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input v-model="roomsCreateFeeInfo.rateStartTime" type="text"
:placeholder="vc.i18n('必填,请填写递增开始时间','roomsCreateFee')"
class="form-control addRoomRateStartTime">
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button"
v-on:click="saveRoomCreateFeeInfo()">
<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>