mirror of
https://gitee.com/ShopeX/OMS
synced 2026-04-01 13:36:45 +08:00
203 lines
8.3 KiB
HTML
203 lines
8.3 KiB
HTML
<!--
|
||
Copyright 2012-2026 ShopeX (https://www.shopex.cn)
|
||
|
||
Licensed under the Apache License, Version 2.0 (the "License");
|
||
you may not use this file except in compliance with the License.
|
||
You may obtain a copy of the License at
|
||
|
||
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
||
Unless required by applicable law or agreed to in writing, software
|
||
distributed under the License is distributed on an "AS IS" BASIS,
|
||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
See the License for the specific language governing permissions and
|
||
limitations under the License.
|
||
-->
|
||
|
||
<div class="data-action" id="dataAction" style="padding:5px;">
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||
<tr>
|
||
<td nowrap="nowrap">
|
||
<{if $type_display == "true"}>
|
||
|
||
<{foreach from=$typeData key=type_key item=type_item}>
|
||
<label style='padding-left:10px;'><{$type_item.label}></label>：<{$type_item.html}>
|
||
<{/foreach}>
|
||
|
||
<{/if}>
|
||
<div style="padding-top:10px;"></div>
|
||
<label style='padding-left:10px;'><{t}>时间范围：<{/t}></label>
|
||
<{input type="date" vtype="date" name="time_from" style="width:66px; font-family:arial;" value=$time_from}><{t}>至<{/t}>
|
||
<{input type="date" vtype="date" name="time_to" style="width:66px; font-family:arial;" value=$time_to}>
|
||
|
||
<{button class="filterBtn btn-thirdly" label="确定"}>
|
||
|
||
<{if $time_shortcut}>
|
||
<{if $time_shortcut[0]==1}><{button class="dataBtn btn-fourthly" time_from=$yesterday time_to=$yesterday label="昨日"}><{/if}>
|
||
<{if $time_shortcut[1]==2}><{button class="dataBtn btn-fourthly" time_from=$today time_to=$today label="今日"}><{/if}>
|
||
<{if $time_shortcut[2]==3}><{button class="dataBtn btn-fourthly" time_from=$this_week_from time_to=$this_week_to label="本周"}><{/if}>
|
||
<{if $time_shortcut[3]==4}><{button class="dataBtn btn-fourthly" time_from=$last_week_from time_to=$last_week_to label="上周"}><{/if}>
|
||
<{if $time_shortcut[4]==5}><{button class="dataBtn btn-fourthly" time_from=$this_month_from time_to=$this_month_to label="本月"}><{/if}>
|
||
<{if $time_shortcut[5]==6}><{button class="dataBtn btn-fourthly" time_from=$last_month_from time_to=$last_month_to label="上月"}><{/if}>
|
||
<{else}>
|
||
<{button class="dataBtn btn-fourthly" time_from=$yesterday time_to=$yesterday label="昨日"}>
|
||
<{button class="dataBtn btn-fourthly" time_from=$today time_to=$today label="今日"}>
|
||
<{button class="dataBtn btn-fourthly" time_from=$this_week_from time_to=$this_week_to label="本周"}>
|
||
<{button class="dataBtn btn-fourthly" time_from=$last_week_from time_to=$last_week_to label="上周"}>
|
||
<{button class="dataBtn btn-fourthly" time_from=$this_month_from time_to=$this_month_to label="本月"}>
|
||
<{button class="dataBtn btn-fourthly" time_from=$last_month_from time_to=$last_month_to label="上月"}>
|
||
<{/if}>
|
||
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<script>
|
||
(function(){
|
||
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;
|
||
}
|
||
});
|
||
|
||
$$('.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}>&view=<{$env.get.view}>';
|
||
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);
|
||
}
|
||
});
|
||
|
||
|
||
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('<{t}>请录入日期格式yyyy-mm-dd<{/t}>',{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('<{t}>选择开始时间必须早于结束时间<{/t}>');
|
||
}
|
||
return _return;
|
||
}
|
||
|
||
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);
|
||
});
|
||
})();
|
||
|
||
|
||
window.addEvent('domready',function(e){
|
||
var lazyload = new LazyLoad();
|
||
if($E('.chart-tabs li')) new ItemAgg($ES('.chart-tabs li'),$ES('.chart-view .chart-items'),{
|
||
activeName:'current',
|
||
itemsClass:'chart-item-cur',
|
||
onActive:function(tab,item){
|
||
lazyload.loadCustomLazyData(item,'textarea');
|
||
var iframe=item.getElement('iframe'),
|
||
src=item.retrieve('_src',iframe.src),
|
||
params=$('dataAction').retrieve('_data','');
|
||
if(window.ie||iframe.retrieve('_params','')!=params){
|
||
iframe.src=src+params;
|
||
iframe.store('_params',params);
|
||
}
|
||
}
|
||
});
|
||
if($E('.finder-action .export')) $E('.finder-action .export').addEvent('click',function(e){
|
||
e.stop();
|
||
var target = this.get('target'),options = JSON.decode(target);
|
||
new Dialog(this.get('href'),$extend({
|
||
ajaxoptions:{
|
||
data:$('dataAction').toQueryString(),
|
||
method: 'post'
|
||
},
|
||
onClose:function(){
|
||
if((_finder=finderGroup['<{$name}>'])) _finder.refresh();
|
||
}
|
||
},options));
|
||
});
|
||
|
||
if($E('.chart-view') && $E('.finder-options')){
|
||
var closeBtn = $('btn_close_charts') || new Element('div.span-auto',{html:'<a id="btn_close_charts" href="javascript:void(0);">收起图形</a>'}).inject($E('.finder-options'));
|
||
if(window.ie7) $E('.finder-options').style.cssText = 'width:auto;float:right;';
|
||
var closedEl = $E('.chart-view');
|
||
closeBtn.getElement('a').addEvent('click',function(){
|
||
if(closedEl.isDisplay()){
|
||
closedEl.hide();
|
||
this.set('text','展开图形');
|
||
}
|
||
else{
|
||
closedEl.show();
|
||
var iframe=$E('.chart-view .chart-item-cur iframe'),
|
||
params=$('dataAction').toQueryString();
|
||
if(iframe && (window.ie||iframe.retrieve('_params','')!=params)){
|
||
iframe.src += params;
|
||
iframe.store('_params',params);
|
||
}
|
||
this.set('text','收起图形');
|
||
}
|
||
window.fireEvent('resize');
|
||
});
|
||
}
|
||
});
|
||
</script>
|