OMS/app/finance/view/bill/item.html

<!--
  Copyright © ShopeX （http://www.shopex.cn）. All rights reserved.
  See LICENSE file for license details.
-->

<div class="data-action" id="dataAction" style="padding:5px;">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td colspan="5">
                <label>账单日期:&nbsp;</label>
                <{if $report != "month"}>
                <{input type="date" vtype="date" name="time_from" style="width:66px; font-family:arial;" value=$time_from}>&nbsp;&nbsp;至&nbsp;&nbsp;
                <{input type="date" vtype="date" name="time_to" style="width:66px; font-family:arial;" value=$time_to}>
                <{/if}>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label>费用类</label>
                <input type="hidden" id="change_id" value="<{$type_id}>" />
                <input type="hidden" id="item_change_id" value="<{$item_id}>" />
                <select name="fee_type_id" id="fee_type" onchange='change_fee_type(this.value)'>
                    <option id="type_0" value="0">全部</option>
                    <{foreach from=$feekv key=key item=val}>
                    <option value="<{$key}>" <{if $key == $type_id}>selected="selected"<{/if}>><{$val.name}></option>
                    <{/foreach}>
                </select>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label>费用项</label>
                <span id="replace_type">
                    <select name="fee_item_id" id="fee_item">
                        <option value="0">全部</option>
                        <{foreach from=$feekv item=val}>
                        <{foreach from=$val.item key=key_id item=item}>
                        <option value="<{$key_id}>" <{if $item_id== $key_id}>selected="selected"<{/if}>><{$item.name}></option>
                        <{/foreach}>
                        <{/foreach}>
                    </select>
                </span>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <{button class="filterBtn btn-thirdly" label='确定'}>&nbsp;
            </td>
        </tr>
        <tr>
            <td><img src="<{$env.app.res_url}>/trade.png">交易:<{$feedata['trade']|cur}></td>
            <td><img src="<{$env.app.res_url}>/plat.png">平台费用:<{$feedata['plat']|cur}></td>
            <td><img src="<{$env.app.res_url}>/branch.png">仓储费用:<{$feedata['branch']|cur}></td>
            <td><img src="<{$env.app.res_url}>/delivery.png">物流费用:<{$feedata['delivery']|cur}></td>
            <td><img src="<{$env.app.res_url}>/other.png">其他费用:<{$feedata['other']|cur}></td>
        </tr>
    </table>
</div>

<script>
(function(){
//if($E('.num')) $E('.num').innerHTML+=' 数据非及时显示，当天数据请于第二天查看';
var _finder = finderGroup['<{$name}>'],
dataAction= $('dataAction'),
data_ipt=$$(dataAction.getElements('input[name^=time_]'),dataAction.getElements('select')),
from=dataAction.getElement('input[name=time_from]'),
to=dataAction.getElement('input[name=time_to]');

if(_finder&&_finder.form){
    fdoc = document.createDocumentFragment();
    data_ipt.each(function(ipt){
        fdoc.appendChild(new Element('input[type=hidden]', {'name': ipt.name, value: ipt.value}));
    });
    _finder.form.appendChild(fdoc);
}

data_ipt.addEvent('change',function(e){
    if(_finder&&_finder.form){
        var ipt=$E('input[name='+this.name+']',_finder.form);
        if(ipt)ipt.value=this.value;
    }
});

<{if $report == "month"}>
var today=new Date();
$$('select.date_select').each(function(item){
/* $A(item.options).each(function(opt,i){
if(opt.text==today.getFullYear() || opt.text==today.getMonth()+1) opt.selected=true;
}); */
item.addEvent('change',function(){
    setDate(this.get('id').split('_')[0]);
});
});

setDate();

function setDate(){
    var arguments=arguments.length===0 ? ['from','to'] : arguments;
    $A(arguments).each(function(item){
        dataAction.getElement('input[name=time_'+item+']').value=$(item+'_year').options[$(item+'_year').selectedIndex].text+'-'+$(item+'_month').options[$(item+'_month').selectedIndex].text+'-01';
    });
}
<{/if}>

$$('.select-tabs a').addEvent('click',function(e){
    e.stop();
    W.page(this.href,{data:'report='+this.type,method:"post"});
});

function setChartData(flag,e){
    if(!check_data(from,to))return;
    var params=dataAction.toQueryString(),
    itemcur=$E('.chart-view .chart-item-cur');
    dataAction.store('_data',params);
    if(flag&&itemcur&&$E('iframe',itemcur)) $E('iframe',itemcur).src+='&'+params;
    if(flag) url='index.php?app=<{$env.get.app}>&ctl=<{$env.get.ctl}>&act=<{$env.get.act}>';
    else url=e.target.href||e.target.getParent().href;
    W.page(url, {data:params, method:'post',onComplete:function(){
        if(_finder) _finder.filter.value=params;
    }});
}
if($('select_shop')) $('select_shop').addEvent('change',function(e){setChartData(true);});
dataAction.getElement('.filterBtn').addEvent('click',function(e){setChartData(true);});

var packet=$('finder-packet-<{$name}>');
if(packet) packet.addEvent("click",function(e){
    if(e.target.tagName.toLowerCase()=="a" || e.target.getParent().tagName.toLowerCase()=="a"){
        e.stop();
        setChartData(false,e);
    }
});

    <{if $report == "month"}>
    function check_data(from,to){
        if(Date.parse(to.value.replace(/-/gi,"/"))<Date.parse(from.value.replace(/-/gi,"/"))){
            return MessageBox.error('选择开始时间必须早于结束时间');
        }
        return true;
    }
    <{else}>
    function check_data(from,to){
        var data=[],
        _return=[from,to].every(function(el){
            if(!/^(19|20)[0-9]{2}-([1-9]|0[1-9]|1[012])-([1-9]|0[1-9]|[12][0-9]|3[01])+$/.test(el.value)){
                new MessageBox('请录入日期格式yyyy-mm-dd',{type:'error',autohide:true});
                el.focus();
                return false;
            }
            data.push(Date.parse(el.value.replace(/-/gi,"/")));
            return true;
        });

        if(!_return)return null;
        if(data[1]<data[0]){
            return MessageBox.error('选择开始时间必须早于结束时间');
        }
        return _return;
    }
    <{/if}>

    var dataBtn=dataAction.getElements('.dataBtn');
    dataBtn.each(function(el,i){
        if(el.get('time_from')==from.value && el.get('time_to')==to.value)
            el.addClass('btn-fourthly-cur');
        el.addEvent('click',function(e){
            from.value=this.get('time_from');
            to.value=this.get('time_to');
/* ['time_from','time_to'].each(function(v){
*   dataAction.getElements('input[name='+v+']').value=this.get(v);
* },this); */
        dataAction.getElement('.filterBtn').fireEvent('click');
    });
    });

    if($ES('.large .span-auto').length)
        $ES('.large .span-auto').each(function(el){
            el.store('tip:title',el.get('title')).store('tip:text',el.get('info'));
            Xtip.attach(el);
        });
})();
var change_id = $('change_id').value;
change_fee_type(change_id);
function change_fee_type(type_id){
    new Request(
        {url:'index.php?app=finance&ctl=bill_item&act=get_fee_item_id_by_fee_type_id',
        data:'fee_item_id='+type_id,
        method:'post',
        onSuccess:function(json){
            rs = JSON.decode(json);
            var option='',v='';
            var fee_item_id = $('item_change_id').value;
            for(v in rs) {
                if(v==fee_item_id && type_id != '0'){
                    option += '<option selected=\'selected\' value="'+v+'">'+rs[v]+'</option>';
                }else{
                    option += '<option value="'+v+'">'+rs[v]+'</option>';
                }

            }
            var left = '<select name="fee_item_id"><option value="0">全部</option>';
            var middle = option;
            var right = '</select>'
            var html = left+middle+right;
            $('replace_type').set('html',html);
        }
    }).send();
}
</script>