analogbilling.html 11.1 KB
<!--搜索----------------------------------------->
<div class="row ">
    <div class="col-md-12 ITD-padding-common margin-bottom-18 margin-top-18">
        <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
            <div class="row">
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="parkIds" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="carType" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <span class="control-label ITD-common-parking-l float-left ITD-common-color070 ITD-common-fontsize14">车牌号</span>
                    <input type="text" class="ITD-parkinput78 paddingleft-10 ITD-input-bordercolor" maxlength="8" value="鲁A88888" id="carNo" >
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="float-right">
                        <div class="ITD-search-morebtn ITD-common-color070">更多</div>
                    </div>
                    <div class="float-right margin-right-10">
                        <div class="ITD-common-searchbtn" id="queryBtn">查询</div>
                    </div>
                </div>
            </div>
            <!--隐藏 sta-->
            <div class="row hide-common-style margin-top-15 display-none">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <label class="control-label ITD-common-parking-l ITD-common-color060 ITD-common-fontsize14">进场时间</label>
                    <div class="input-group analog-parkinput78"  >
                        <input type="text" class="form-control ITD-daterange-bg" id="timeinStartDate"  readonly="">
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <label class="control-label ITD-common-parking-l ITD-common-color060 ITD-common-fontsize14">出场时间</label>
                    <div class="input-group ITD-daterange-btn">
                        <input type="text" class="form-control ITD-daterange-bg" id="timeinEndDate"  readonly="">
                    </div>
                </div>
            </div>
            <!--隐藏 end-->
        </div>

    </div>
</div>
<!--主体内容----------------------------------------->
<div class="row ">
    <div class="col-md-12 margin-bottom-18 ITD-padding-common">
        <div class="ITD-box-shadow ITD-border-radius padding0-20">
            <div class="ITD-common-title pos-rel ITD-common-fontsize14 ITD-common-color070">
                <span>停车计费标准</span>
            </div>
            <div class="portlet-body ITD-bgcolor-white" style="padding: 18px 0">
               <div class="clearfix">
                   <div class="float-left col_center">
                       <table class="table table-striped table-bordered table-hover" id="ruleTable">
                           <thead>
                           <tr>
                               <th> 车型 </th>
                               <th> 适用日期 </th>
                               <th> 单日限价 </th>
                               <th> 单次限价 </th>
                               <th> 单次免费时长 </th>
                               <th> 跨时间段规则 </th>
                           </tr>
                           </thead>
                           <tbody>
                           <tr>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                           </tr>

                           </tbody>
                       </table>
                       <table class="table table-striped table-bordered table-hover" id="ruleDetailTable">
                           <thead>
                           <tr>
                               <th> 开始时间</th>
                               <th> 结束时间 </th>
                               <th> 时长限制 </th>
                               <th> 计费类型 </th>
                               <th> 费率 </th>
                               <th> 单位免费时长 </th>
                           </tr>
                           </thead>
                           <tbody>
                           <tr>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                               <td> - </td>
                           </tr>
                           </tbody>
                       </table>
                   </div>
                   <div class="float-left col_right">
                       <ul class="col_right_ul clearfix">
                           <li>
                               <div class="col_right_li_title">费用总计</div>
                               <div class="col_right_li_mon">
                                   <span>0</span><span>.00  元</span>
                               </div>
                           </li>
                           <li>
                               <div class="col_right_li_title">停车时长</div>
                               <div class="col_right_li_mon">
                                   <span>0</span><span>.00  分钟</span>
                               </div>
                           </li>
                           <li>
                               <div class="col_right_li_title col_right_li_title_l">车牌号</div>
                               <div class="col_right_li_mon">
                                   -
                               </div>
                           </li>
                           <li>
                               <div class="col_right_li_title col_right_li_title_l">停车场</div>
                               <div class="col_right_li_mon col_right_li_mon_ellipsis" >
                                   -
                               </div>
                           </li>
                       </ul>
                   </div>
               </div>
            </div>

        </div>
    </div>
</div>

<!--echarts sta-->
<div class="row">
    <div class="col-md-12 ITD-padding-common">
        <div class="ITD-box-shadow ITD-border-radius padding0-20">
            <div class="ITD-common-title ITD-common-color070 ITD-common-fontsize14 pos-rel">
                <span>费用计算明细</span>
            </div>
            <div class="portlet-body ITD-bgcolor-white" style="padding: 18px 0;width: 100%">
                <div class="echart_main ITD-overflowhidden">
                    <div class="echart_con" id="echart_con">
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!--echarts sta-->
<!--<div class="row ">
    <div class="col-md-12 main_wrap">
        <div class="portlet light ">
            <div class="clearfix">
                <div class="float-left col_left">
                    <span>停车计费标准</span>
                </div>
                <div class="float-left col_center">
                    <table class="table table-striped table-bordered table-hover" id="ruleTable">
                        <thead>
                        <tr>
                            <th> 车型 </th>
                            <th> 适用日期 </th>
                            <th> 单日限价 </th>
                            <th> 单次限价 </th>
                            <th> 单次免费时长 </th>
                            <th> 跨时间段规则 </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                        </tr>

                        </tbody>
                    </table>
                    <table class="table table-striped table-bordered table-hover" id="ruleDetailTable">
                        <thead>
                        <tr>
                            <th> 开始时间</th>
                            <th> 结束时间 </th>
                            <th> 时长限制 </th>
                            <th> 计费类型 </th>
                            <th> 费率 </th>
                            <th> 单位免费时长 </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                            <td> - </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="float-left col_right">
                    <ul class="col_right_ul clearfix">
                        <li>
                            <div class="col_right_li_title">费用总计</div>
                            <div class="col_right_li_mon">
                                <span>0</span><span>.00  元</span>
                            </div>
                        </li>
                        <li>
                            <div class="col_right_li_title">停车时长</div>
                            <div class="col_right_li_mon">
                                <span>0</span><span>.00  分钟</span>
                            </div>
                        </li>
                        <li>
                            <div class="col_right_li_title col_right_li_title_l">车牌号</div>
                            <div class="col_right_li_mon">
                                -
                            </div>
                        </li>
                        <li>
                            <div class="col_right_li_title col_right_li_title_l">停车场</div>
                            <div class="col_right_li_mon col_right_li_mon_ellipsis" >
                                -
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="echarts_wrap">
                <p class="echarts_wrap_title">费用计算明细</p >
                <div class="echart_main">
                    <div class="echart_con" id="echart_con">

                    </div>
                </div>

            </div>
        </div>

    </div>
</div>-->
<script src='../../assets/pages/scripts/rulesetFile/analFile/analogbilling.js'></script>