You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
2.8 KiB
90 lines
2.8 KiB
{template 'header'}
|
|
<div id="head-bar">
|
|
<div class="head-bar">
|
|
<div class="head-bar-back"><a href="{if $back_link}{$back_link}{else}javascript:Dback();" id="back-{$js_pageid}{/if}" data-direction="reverse"><img src="{DT_MOB}static/img/icon-back.png" width="24" height="24"/></a></div>
|
|
<div class="head-bar-title">{$city_name}</div>
|
|
<div class="head-bar-right">
|
|
{if $cityid}
|
|
<span onclick="Dc(-1);">全国</span>
|
|
{else}
|
|
<span onclick="Dc(-2);">智能</span>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<div class="head-bar-fix" id="load-fix-{$js_pageid}" style="height:0;"></div>
|
|
<div class="head-bar-fix" id="head-fix-{$js_pageid}"></div>
|
|
</div>
|
|
<div class="main">
|
|
<div class="ui-form">
|
|
<div><input type="search" id="kw-{$js_pageid}" maxlength="20" placeholder="{$L[kw]}"/></div>
|
|
</div>
|
|
<div id="list-{$js_pageid}"></div>
|
|
<div id="city-{$js_pageid}">
|
|
{loop $lists $k $v}
|
|
<div style="padding:0 16px;height:24px;line-height:24px;font-size:16px;">{$k}</div>
|
|
<div class="list-set">
|
|
<ul>
|
|
{loop $v $j $s}
|
|
<li><a {if $s[domain]}href="{$s[domain]}mobile/" rel="external"{else}href="javascript:;" onclick="Dc({$s[areaid]});"{/if}><div{if $j==0} style="border:none;"{/if}>{$s[name]}</div></a></li>
|
|
{/loop}
|
|
</ul>
|
|
</div>
|
|
{/loop}
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
$('#kw-{$js_pageid}').on('input paste', Ds);
|
|
$('#kw-{$js_pageid}').on('blur', function(){window.scrollTo(0,0);});
|
|
});
|
|
function Ds() {
|
|
var kw = $('#kw-{$js_pageid}').val();
|
|
if(kw) {
|
|
$('#list-{$js_pageid}').show();
|
|
$('#city-{$js_pageid}').hide();
|
|
var res = '';
|
|
var j = 0;
|
|
$('#city-{$js_pageid} li').each(function(i){
|
|
if($(this).text().indexOf(kw) !=-1) {
|
|
var d = $(this).html();
|
|
if(j++ == 0) {
|
|
d = d.replace('<div onclick', '<div style="border:none;" onclick');
|
|
} else {
|
|
d = d.replace('<div style="border:none;"', '<div');
|
|
}
|
|
d = d.replace(kw, '<b class="f_red">'+kw+'</b>');
|
|
res += '<li>'+d+'</li>';
|
|
}
|
|
});
|
|
if(res == '') res = '<li onclick="Dr();"><div style="border:none;">未找到<b class="f_red">'+kw+'</b></div></li>';
|
|
res = '<div style="padding:10px;font-size:16px;" onclick="Dr();"><span style="float:right;color:#007AFF;">取消</span>搜索结果</div><div class="list-set"><ul>'+res+'</ul></div>';
|
|
$('#list-{$js_pageid}').html(res);
|
|
} else {
|
|
$('#list-{$js_pageid}').hide();
|
|
$('#list-{$js_pageid}').html('');
|
|
$('#city-{$js_pageid}').show();
|
|
}
|
|
}
|
|
function Dr() {
|
|
$('#kw-{$js_pageid}').val('');
|
|
Ds();
|
|
}
|
|
function Dc(id) {
|
|
$.get('?areaid='+id, function(data) {
|
|
if(data == 'ok') {
|
|
Dtoast('{$js_pageid}','切换成功');
|
|
setTimeout(function() {
|
|
window.location.reload();
|
|
}, 1000);
|
|
} else if(data.indexOf('://') != -1) {
|
|
Dtoast('{$js_pageid}','切换成功');
|
|
setTimeout(function() {
|
|
Go(data);
|
|
}, 1000);
|
|
} else {
|
|
Dtoast('{$js_pageid}','切换失败');
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
{template 'footer'}
|