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.
109 lines
5.0 KiB
109 lines
5.0 KiB
5 years ago
|
<link href="/css/tabs.css" rel="stylesheet" type="text/css">
|
||
|
|
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" class="table">
|
||
|
|
<tr>
|
||
|
|
<td colspan="13" height="22" class="td_bg">
|
||
|
|
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 id="menuTab">
|
||
|
|
<TBODY>
|
||
|
|
<TR>
|
||
|
|
<TD height="30" align="center" class="tab-on" onclick="switchCell(1)" name="navcell">
|
||
|
|
更换清单
|
||
|
|
</TD>
|
||
|
|
<TD height="30" align="center" class="tab-off" onclick="switchCell(2)" name="navcell">
|
||
|
|
维修清单
|
||
|
|
</TD>
|
||
|
|
<TD height="30" align="center" class="tab-off" onclick="switchCell(3)" name="navcell">
|
||
|
|
辅料清单
|
||
|
|
</TD>
|
||
|
|
<TD height="30" align="center" class="tab-off" onclick="switchCell(4)" name="navcell">
|
||
|
|
待定...
|
||
|
|
</TD>
|
||
|
|
<TD height="30" class=tab-none> </TD>
|
||
|
|
</TR>
|
||
|
|
</TBODY>
|
||
|
|
</TABLE>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<div>
|
||
|
|
<!-- 更换清单 菜单 -->
|
||
|
|
<div class="ui-layout-west con-1" style="padding: 0px; overflow: hidden;float: left;width:15%;">
|
||
|
|
<iframe src="/store-room/left?t=1&fix_id=<?= $fix_id ?>" width="100%" height="65%" frameborder="0"></iframe>
|
||
|
|
</div>
|
||
|
|
<!-- end -->
|
||
|
|
<!-- 维修清单 菜单 -->
|
||
|
|
<div class="ui-layout-west con-2" style="padding: 0px; overflow: hidden;float: left;width:15%;display: none">
|
||
|
|
<iframe src="/store-room/left?t=2&fix_id=<?= $fix_id ?>" width="100%" height="65%" frameborder="0"></iframe>
|
||
|
|
</div>
|
||
|
|
<!-- end -->
|
||
|
|
<!-- 辅料清单 菜单 -->
|
||
|
|
<div class="ui-layout-west con-3" style="padding: 0px; overflow: hidden;float: left;width:15%;display: none">
|
||
|
|
<!-- <iframe src="/store-room/trims-room" width="100%" height="65%" frameborder="0"></iframe>-->
|
||
|
|
</div>
|
||
|
|
<!-- end -->
|
||
|
|
<!-- 待定 菜单 -->
|
||
|
|
<div class="ui-layout-west con-4" style="padding: 0px; overflow: hidden;float: left;width:15%;display: none">
|
||
|
|
<!-- <iframe src="/store-room/left?t=4" width="100%" height="65%" frameborder="0"></iframe>-->
|
||
|
|
待定
|
||
|
|
</div>
|
||
|
|
<!-- end -->
|
||
|
|
</div>
|
||
|
|
<!-- 内容 -->
|
||
|
|
<div id="container" class="ui-layout-center" style="padding: 0px; overflow: hidden;float: left;width:85% ">
|
||
|
|
<iframe width="100%" height="65%" frameborder="0"></iframe>
|
||
|
|
</div>
|
||
|
|
<!-- end -->
|
||
|
|
<div id="bottom" style="width: 100%;height: 20%;float: left">
|
||
|
|
<iframe src="/fix-car-item/index?fix_id=<?= $fix_id ?>&t=1" width="100%" height="100%" frameborder="0"></iframe>
|
||
|
|
</div>
|
||
|
|
<div style="width: 100%;text-align: center">
|
||
|
|
<input type="button" class="act_btn" value="返回" onclick="goBack()">
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript" language="javascript" src="/js/jquery-1.8.3.js"></script>
|
||
|
|
<script>
|
||
|
|
function switchCell(index) {
|
||
|
|
$('#menuTab td').not('.tab-none').each(function (i) {
|
||
|
|
if (index == (1 + i)) {
|
||
|
|
$(this).addClass('tab-on');
|
||
|
|
$(this).removeClass('tab-off');
|
||
|
|
$('.con-' + index).show();
|
||
|
|
} else {
|
||
|
|
$(this).removeClass('tab-on');
|
||
|
|
$(this).addClass('tab-off');
|
||
|
|
$('.con-' + index).siblings().hide();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var $iframe = $bottom = '';
|
||
|
|
if(3 == index){
|
||
|
|
$('.con-3').hide();
|
||
|
|
$('#container').css('width','100%');
|
||
|
|
$iframe = '<iframe src="/store-room/trims-room?fix_id=<?= $fix_id ?>" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
$bottom = '<iframe src="/fix-car-item/index?fix_id=<?= $fix_id ?>&t=3" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
}else if(1 == index){
|
||
|
|
$('#container').css('width','85%');
|
||
|
|
$iframe = '<iframe src="/store-room/shop?op=1&fix_id=<?= $fix_id ?>" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
$bottom = '<iframe src="/fix-car-item/index?fix_id=<?= $fix_id ?>&t=1" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
}else if(2 == index){
|
||
|
|
$('#container').css('width','85%');
|
||
|
|
$iframe = '<iframe src="/store-room/container?op=1&fix_id=<?= $fix_id ?>" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
$bottom = '<iframe src="/fix-car-item/index?fix_id=<?= $fix_id ?>&t=2" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
}
|
||
|
|
$('#container').html($iframe);
|
||
|
|
$('#bottom').html($bottom);
|
||
|
|
}
|
||
|
|
//内容
|
||
|
|
function openTab(url){
|
||
|
|
url += '&car_price=<?= $car_price ?>';
|
||
|
|
var $iframe = '<iframe src="'+url+'" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
$('#container').html($iframe);
|
||
|
|
}
|
||
|
|
//底部
|
||
|
|
function openBottom(url){
|
||
|
|
var $iframeBottom = '<iframe src="'+url+'" width="100%" height="65%" frameborder="0"></iframe>';
|
||
|
|
$('#bottom').html($iframeBottom);
|
||
|
|
}
|
||
|
|
|
||
|
|
function goBack(){
|
||
|
|
window.history.go(-1);
|
||
|
|
}
|
||
|
|
</script>
|