{{ stylesheet_link("/css/imgbox.css") }}
<div class="my">
    <table id="cc" class="easyui-datagrid"  toolbar="#tc" title=""
           data-options="method:'post',fit:true,singleSelect:false,nowrap:false,pagination:true,pageSize:30,collapsible:true,remoteSort:true,showFooter:true,rowStyler: function(index,row){
                    if (row.cancelDate == '汇总'){
                        return 'color:#66cc00;font-weight:bold;';
                    }
                }" width="100%">
        <thead>
        <tr>
            <th field="ck" checkbox="true"></th>
            <th data-options="field:'date',align:'left',sortable:true" width="7%">开票日期</th>
            <th data-options="field:'name',align:'left'" width="8%">单位名称</th>
            <th data-options="field:'InvoicingCompany',align:'left'" width="8%">开票单位</th>
            <th data-options="field:'receipts',align:'left',sortable:true,formatter: function(value){
            if(!value){return ''}return '<div title=\'发票号\'>'+value+'</div>';}" width="8%">发票号</th>
            <th data-options="field:'type',align:'left'" width="6%">发票类型</th>
            <th data-options="field:'OpenBank',align:'left'" width="6%">开户行</th>
            <th data-options="field:'bankAccount',align:'left',formatter: function(value){
            if(!value){return ''}return '<div title=\'账号\'>'+value+'</div>';}" width="8%">账号</th>
            <th data-options="field:'shuilv',align:'right'" width="6%">税率</th>
            <th data-options="field:'shuie',align:'right'" width="6%">税额</th>
            <th data-options="field:'amount',align:'right',sortable:true" width="8%">发票金额 ¥</th>
            <th data-options="field:'finish_amount',align:'right',sortable:true" width="8%">已销票金额 ¥</th>
            <th data-options="field:'cancellation_account',align:'right',sortable:true" width="8%">预销票金额 ¥</th>
            <th data-options="field:'sure_account',align:'right',sortable:true" width="8%">可销票金额 ¥</th>
            <th data-options="field:'createdby',align:'right'" width="8%">创建人 ¥</th>
            <th data-options="field:'beizhu',align:'center'" width="4%" >备注</th>
            <th data-options="field:'enclosure',align:'center'" width="4%">附件</th>
            <th data-options="field:'hpshdh',align:'left'" width="10%">回票审核单号</th>
        </tr>
        </thead>
    </table>
    <div id="tc" class="clearfix">
        <div class="clearfix tc_table_title">
            <a class="table_title" data="enable" href="javascript:void(0);" id="export">
                <span title="导出" class="btn-export"></span>
                <span class="prompt">导出</span>
            </a>
            <a class="table_title" data="enable" href="javascript:void(0);" id="bz_btn">
                <span title="修改备注" class=""></span>
                <span class="prompt">修改备注</span>
            </a>
            <a id='iConsearchBtn' class="iConsearch" href="javascript:void(0);">
                <span>搜索</span>
                <span class="btn_iConsearch"></span>
            </a>
        </div>

        <div class="table_margin_bottom clearfix">
            <form id="searchForm">
                <!--开票日期-->
                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">开票日期:</span>
                    <span class="adap_span">
                            从
                         <input id='begin' class="easyui-validateBox easyui-datebox" name="begin" data-options="" style="height:22px;width:100px;">
                    </span>
                    <span class="adap_span">
                            至
                         <input  id='end' class="easyui-validateBox easyui-datebox" data-options="" validType='md' name="end" style="height:22px;width:100px;">
                    </span>
                </div>
                <!--单位名称-->
                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">单位名称:</span>
                    <span class="adapter">
                    <select id='name' name="exact_name" class="easyui-combobox" style="height:22px;width:150px;"
                            data-options="mode:'local',filter: function(q, row){
                           var opts = $(this).combobox('options');
                           return row[opts.textField].indexOf(q) != -1;
                        }">
                        <option value="">请选择</option>
                        {%if providers is not empty%}
                        {%for item in providers%}
                        <option value="{{item['code']}}">{{item['name']}}</option>
                        {%endfor%}
                        {%endif%}
                    </select>
                </span>
                </div>
                <!--发票类型-->
                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">发票类型:</span>
                    <span class="adapter">
                    <select id='type' name="exact_type" class="easyui-combobox" style="height:22px;width:150px;"
                            data-options="mode:'local',filter: function(q, row){
                           var opts = $(this).combobox('options');
                           return row[opts.textField].indexOf(q) != -1;
                        }">
                        <option value="">请选择</option>
                        {%if type is not empty%}
                        {%for item in type%}
                        <option value="{{item['value']}}">{{item['keys']}}</option>
                        {%endfor%}
                        {%endif%}
                    </select>
                </span>
                </div>
                <!--开票单位-->
                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">开票单位:</span>
                    <span class="adapter">
                     <input id="InvoicingCompany" name="exact_InvoicingCompany"  class="easyui-textbox" style="width:100%;height:100%;background: transparent;">
                 </span>
                </div>
                <!--回票审核单号-->
                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">回票审核单号:</span>
                    <span class="adapter">
                     <input id="hpshdh" name="exact_hpshdh"  class="easyui-textbox" style="width:100%;height:100%;background: transparent;">
                 </span>
                </div>
                <!--发票号-->
                <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">发票号:</span>
                    <span class="adapter">
                     <input id="receipts" name="exact_receipts"  class="easyui-textbox" style="width:100%;height:100%;background: transparent;">
                 </span>
                </div>

               <div class="main_table_Title creatclass">
                    <span class="main_table_title_span">创建人:</span>
                    <span class="adapter">
                    <select id='createdByPerson' name="createdByPerson" class="easyui-combobox" style="height:22px;width:150px;">
                        <option value="">请选择</option>
                        {%if userName is not empty%}
                        {%for item in userName%}
                        <option value="{{item['code']}}">{{item['name']}}</option>
                        {%endfor%}
                        {%endif%}
                    </select>
                </span>
                </div>

                <a href="javascript:void(0);" class="search_btn" id="Search">确认</a>
            </form>
        </div>

    </div>


    <div id="modify_bz" class="easyui-dialog" title="修改备注" style="width:460px;height: 250px;"data-options="modal:true,closed:true">
        <div class="clearfix tian"style="margin-top: 30px">
            <span class="main_table_title_span">修改备注：</span>
            <span><input id="bz" class="easyui-textbox" data-options="required:true,multiline:true" style="height: 110px;width: 280px;"></span>
        </div>
    </div>
</div>

{{ javascript_include("/js/extend/imgbox.js") }}