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.
179 lines
7.0 KiB
179 lines
7.0 KiB
<?php
|
|
use common\libs\MyLinkPager;
|
|
|
|
$this->title = $car_info->car_no.'的预约信息';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title><?=$this->title?></title>
|
|
<link href="/js/lib/datepicker/css/bootstrap.css" rel="stylesheet">
|
|
<link href="/js/lib/datepicker/css/bootstrap-datepicker.css" rel="stylesheet">
|
|
<link href="/css/base.css" rel="stylesheet">
|
|
<link href="/css/pages/list.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div id="inner-hd">
|
|
<div class="crumbs">
|
|
<i class="crumbs-arrow"></i>
|
|
<a href="javascript:;" class="crumbs-label"><?=$this->title?></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="inner-bd">
|
|
<div class="tab-wraper">
|
|
<ul class="tab">
|
|
<li name="appointment" class="current"><a href="javascript:;">添加预约</a></li>
|
|
<li name="list"><a href="javascript:;">预约历史</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="appointment">
|
|
<div class="button-group">
|
|
<div class="button current save-btn">
|
|
<i class="iconfont"></i>
|
|
<span class="button-label">保存</span>
|
|
</div>
|
|
<div class="button back-btn">
|
|
<i class="iconfont"></i>
|
|
<span class="button-label">返回</span>
|
|
</div>
|
|
</div>
|
|
<form id="theFrm" method="post" action="/sales-mng/sales-appointment-save">
|
|
<input type="hidden" name="car_id" value="<?=$car_info->id?>">
|
|
<input name="_csrf" type="hidden" id="_csrf" value="<?=Yii::$app->request->csrfToken ?>">
|
|
<table class="kv-table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="kv-label">初登日期</td>
|
|
<td class="kv-content">
|
|
<div class="date">
|
|
<input style="width:80%;" type="text" id="pdate" name="pdate" value="<?=date('Y-m-d')?>">
|
|
<i class="iconfont"></i>
|
|
</div>
|
|
</td>
|
|
<td class="kv-label">预约时间</td>
|
|
<td class="kv-content">
|
|
<select name="ptime" id="ptime">
|
|
<option>09:00</option>
|
|
<option>09:30</option>
|
|
<option>10:00</option>
|
|
<option>10:30</option>
|
|
<option>11:00</option>
|
|
<option>11:30</option>
|
|
<option>13:30</option>
|
|
<option>14:00</option>
|
|
<option>14:30</option>
|
|
<option>15:00</option>
|
|
<option>15:30</option>
|
|
<option>16:00</option>
|
|
<option>16:30</option>
|
|
<option>17:00</option>
|
|
<option>17:30</option>
|
|
</select>
|
|
</td>
|
|
<td class="kv-label">预约人数</td>
|
|
<td class="kv-content">
|
|
0
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="kv-label">备注</td>
|
|
<td colspan="5" class="kv-content">
|
|
<textarea style="width:97%; height: 50px;" name="remark" id="remark"></textarea>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<div class="list">
|
|
<div class="table-zone">
|
|
<form id="theFrm">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td class="w70">ID</td>
|
|
<td class="w70">预约日期</td>
|
|
<td class="w70">预约时间</td>
|
|
<td class="wauto">备注</td>
|
|
<td class="w70">业务员</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php
|
|
foreach($items as $item) {
|
|
?>
|
|
<tr>
|
|
<td class="text-center"><?=$item->id?></td>
|
|
<td class="text-left"><?=$item->pdate?></td>
|
|
<td class="text-left"><?=$item->ptime?></td>
|
|
<td class="text-left"><?=$item->remark?></td>
|
|
<td class="text-center"><?=$item->user?$item->user->getShowName():''?></td>
|
|
</tr>
|
|
<?php
|
|
}
|
|
?>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<?php
|
|
echo MyLinkPager::widget([
|
|
'pagination' => $pagination,
|
|
]);
|
|
?>
|
|
</div>
|
|
</div>
|
|
<div id="inner-ft">
|
|
<br>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/js/jquery.js"></script>
|
|
<script type="text/javascript" src="/js/global.js"></script>
|
|
<script type="text/javascript" src="/js/core.js"></script>
|
|
<script type="text/javascript" src="/js/jquery.grid.js"></script>
|
|
<script type="text/javascript" src="/js/lib/datepicker/js/bootstrap-datepicker.js"></script>
|
|
<script type="text/javascript" src="/js/lib/datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
$('select').select();
|
|
$('.save-btn').click(function(){
|
|
var params = $('#theFrm').serialize();
|
|
var url = $('#theFrm').attr('action');
|
|
$.post(url,params,function(obj){
|
|
if(obj.success) {
|
|
alert(obj.msg);
|
|
window.location.href = '/sales-mng/sales-appointment?car_id=<?=$car_info->id?>';
|
|
} else {
|
|
alert(obj.msg);
|
|
}
|
|
},'json');
|
|
});
|
|
$('.back-btn').click(function(){
|
|
window.history.go(-1);
|
|
});
|
|
$("#pdate").datepicker({
|
|
"language":"zh-CN",
|
|
"format": 'yyyy-mm-dd'
|
|
});
|
|
|
|
$(".date .iconfont").click(function(){
|
|
$(this).prev().trigger("focus");
|
|
});
|
|
|
|
$(".tab > li").click(function(){
|
|
$(".tab > li").removeClass("current");
|
|
$(this).addClass("current");
|
|
$(".appointment,.list").hide();
|
|
$("." + $(".tab >li.current").attr("name")).show();
|
|
});
|
|
$('.list').hide();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|