基于Javascript的MicroCommunityWeb小区管理系统web前端设计源码

<div class=" animated fadeInRight ecommerce"> <div class="row"> <div class="col-lg-12"> <div class="ibox "> <div class="ibox-title"> <h5> <span><vc:i18n name="查询条件" namespace="reportPrePaymentDetail"></vc:i18n></span> </h5> <div class="ibox-tools" style="top:10px;"> <button type="button" class="btn btn-link btn-sm" style="margin-right:10px;" v-on:click="_moreCondition()"> {{reportPrePaymentDetailInfo.moreCondition == true?'隐藏':'更多'}} </button> </div> </div> <div class="ibox-content"> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <select class="form-control-md form-control input-s-sm inline" v-model="reportPrePaymentDetailInfo.conditions.feeTypeCd" @change="_selectConfig()"> <option selected value=""> {{vc.i18n('请选择费用类型','reportPrePaymentDetail')}} </option> <option v-for="(item,index) in reportPrePaymentDetailInfo.feeTypeCds" :key="index" :value="item.statusCd">{{item.name}} </option> </select> </div> </div> <div class="col-sm-2"> <div class="form-group"> <select class="form-control-md form-control input-s-sm inline" v-model="reportPrePaymentDetailInfo.conditions.configId"> <option selected value="">{{vc.i18n('请选择收费项','reportPrePaymentDetail')}}</option> <option v-for="(item,index) in reportPrePaymentDetailInfo.feeConfigDtos" :key="index" :value="item.configId"> {{item.feeName}} </option> </select> </div> </div> <div class="col-sm-2"> <div class="form-group"> <select class="form-control-md form-control input-s-sm inline" v-model="reportPrePaymentDetailInfo.conditions.prepaymentState"> <option selected value="">{{vc.i18n('请选择费用状态','reportPrePaymentDetail')}}</option> <option v-for="(item,index) in reportPrePaymentDetailInfo.prepaymentStates" :key="index" :value="item.statusCd">{{item.name}} </option> </select> </div> </div> <div class="col-sm-2"> <div class="form-group"> <select class="form-control-md form-control input-s-sm inline" v-model="reportPrePaymentDetailInfo.conditions.billState"> <option selected value="">{{vc.i18n('请选择账单状态','reportPrePaymentDetail')}}</option> <option v-for="(item,index) in reportPrePaymentDetailInfo.billStates" :key="index" :value="item.statusCd">{{item.name}} </option> </select> </div> </div> <div class="col-sm-2"> <div class="form-group"> <select class="form-control-md form-control input-s-sm inline" v-model="reportPrePaymentDetailInfo.conditions.primeRate"> <option selected value="">{{vc.i18n('请选择支付方式','reportPrePaymentDetail')}}</option> <option v-for="(item,index) in reportPrePaymentDetailInfo.primeRates" :key="index" :value="item.statusCd">{{item.name}} </option> </select> </div> </div> <div class="col-sm-2"> <button type="button" class="btn btn-primary btn-md" v-on:click="_queryMethod()"> <i class="fa fa-search"></i> <span><vc:i18n name="查询" namespace="reportPrePaymentDetail"></vc:i18n></span> </button> <button type="button" class="btn btn-info btn-md" v-on:click="_resetMethod()" style="margin-left: 20px;"> <i class="fa fa-repeat"></i> <span><vc:i18n name="重置" namespace="reportPrePaymentDetail"></vc:i18n></span> </button> </div> </div> <div class="row" v-show="reportPrePaymentDetailInfo.moreCondition == true"> <div class="col-sm-2"> <div class="form-group input-group"> <input type="text" :placeholder="vc.i18n('请选择缴费开始时间','reportPrePaymentDetail')" name="startTime" v-model="reportPrePaymentDetailInfo.conditions.startTime" class=" form-control startTime"> </div> </div> <div class="col-sm-2"> <div class="form-group input-group"> <input type="text" :placeholder="vc.i18n('请选择缴费结束时间','reportPrePaymentDetail')" name="endTime" v-model="reportPrePaymentDetailInfo.conditions.endTime" class=" form-control endTime"> </div> </div> <div class="col-sm-2"> <div class="form-group input-group"> <input type="text" :placeholder="vc.i18n('请选择费用开始时间(开始)','reportPrePaymentDetail')" name="startBeginTime" v-model="reportPrePaymentDetailInfo.conditions.startBeginTime" class=" form-control startBeginTime"> </div> </div> <div class="col-sm-2"> <div class="form-group input-group"> <input type="text" :placeholder="vc.i18n('请选择费用开始时间(结束)','reportPrePaymentDetail')" name="startFinishTime" v-model="reportPrePaymentDetailInfo.conditions.startFinishTime" class=" form-control startFinishTime"> </div>