Skip to content

T
tl_estate
Commit 22d94f6d authored by 刘丹's avatar 刘丹
Browse files
Options

前端

parent 4a754286
Show whitespace changes
Inline Side-by-side
Showing with 183 additions and 126 deletions
application/index/view/member/home.html
View file @ 22d94f6d
...@@ -64,40 +64,164 @@ ...@@ -64,40 +64,164 @@
<!-- Page Content --> <!-- Page Content -->
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-10 col-lg-offset-0"> <div class="col-lg-10 col-lg-offset-0">
<table class="table table-bordered"> <div class="panel panel-default">
<div class="panel-heading">
预约看铺列表
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr> <tr>
<td> <td colspan="6">
<form action="" method="get" id="form_search">
<span class="fore-span">提交时间</span>
<input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="start_date" name="start_date" type="datetime-local" value="">
<input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="datetime-local" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="company_name" name="company_user_name" placeholder="客户姓名" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="mobile" name="mobile" placeholder="手机号" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="invite" name="invite" placeholder="店铺名" type="text" value="">
<span class="btn btn-default btn3" onclick="search()">搜索</span>
<span class="btn btn-default btn3" onclick="search_reset()">重置</span>
</form>
</td> </td>
</tr>
<tr>
<th>称呼</th>
<th>客户电话</th>
<th>期待看铺时间</th>
<th>其他看铺要求</th>
<th>提交时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>刘女士</td>
<td>13545874456</td>
<td>刘丹丹</td>
<td>张大大</td>
<td>Thornton</td>
<td> <td>
<a class="btn1 btn-success " href="#modal-process" data-toggle="modal">
跟进
</a>
<a class="btn1 btn-warning " href="#modal-details" data-toggle="modal" onclick="show_details(2244)">
转为报备
</a>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>李楠楠</td>
<td>Jac12464313ob</td>
<td>Thornton</td>
<td>@fat</td>
<td>Thornton</td>
<td> <td>
<a class="btn1 btn-success " href="#modal-process" data-toggle="modal">
跟进
</a>
<a class="btn1 btn-warning " href="#modal-details" data-toggle="modal" onclick="show_details(2244)">
转为报备
</a>
</td> </td>
</tr>
<tr>
<td>刘丹丹</td>
<td>125544352</td>
<td>the Bird</td>
<td>@twitter</td>
<td>Thornton</td>
<td> <td>
<a class="btn1 btn-success " href="#modal-process" data-toggle="modal">
跟进
</a>
<a class="btn1 btn-danger" href="#modal-details" data-toggle="modal" onclick="show_details(2244)">
已转为报备
</a>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- /#page-content-wrapper --> <!-- /#page-content-wrapper -->
<div class="page-cla">
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
</div>
</div>
</div>
</div>
</div> </div>
<!-- /#wrapper --> <!-- /#wrapper -->
<!-- /#跟进模态框 -->
<div class="modal fade" id="modal-process" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
跟进
</h4>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>跟进内容</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>更近人</td>
<td>Mark</td>
<td>Otto</td>
</tr>
<tr>
<td>更近时间</td>
<td>Jacob</td>
<td>Thornton</td>
</tr>
</tbody>
</table>
</div>
<div class="control-group">
<label class="control-label">备注</label>
<div class="controls">
<input class="form-control" type="text" id="content1" name="content">
<p class="help-block">
</p></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary">
提交
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</body> </body>
</html> </html>
\ No newline at end of file
public/resource/css/home.css
View file @ 22d94f6d
...@@ -65,7 +65,7 @@ html { ...@@ -65,7 +65,7 @@ html {
#wrapper.toggled { #wrapper.toggled {
} }
#wrapper.toggled #sidebar-wrapper { #wrapper.toggled #sidebar-wrapper {
width: 220px; width: 0px;
} }
#sidebar-wrapper { #sidebar-wrapper {
-moz-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
...@@ -76,13 +76,13 @@ html { ...@@ -76,13 +76,13 @@ html {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
transition: all 0.5s ease; transition: all 0.5s ease;
width: 0; width: 220px;
z-index: 1000; z-index: 1000;
float: left; float: left;
} }
#sidebar-wrapper::-webkit-scrollbar { #sidebar-wrapper::-webkit-scrollbar {
display: none; display: block;
} }
#page-content-wrapper { #page-content-wrapper {
width: 100%; width: 100%;
...@@ -176,117 +176,7 @@ html { ...@@ -176,117 +176,7 @@ html {
height: 65px; height: 65px;
line-height: 44px; line-height: 44px;
} }
/*-------------------------------*/
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger {
background: transparent;
border: none;
display: block;
height: 32px;
margin-left: 270px;
position: relative;
top: -62px;
width: 32px;
z-index: 999;
}
.hamburger:hover {
outline: none;
}
.hamburger:focus {
outline: none;
}
.hamburger:active {
outline: none;
}
.hamburger.is-closed:before {
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
color: #ffffff;
content: '';
display: block;
font-size: 14px;
line-height: 32px;
opacity: 0;
text-align: center;
width: 100px;
}
.hamburger.is-closed:hover before {
-webkit-transform: translate3d(-100px, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
display: block;
opacity: 1;
}
.hamburger.is-closed:hover .hamb-top {
-webkit-transition: all 0.35s ease-in-out;
top: 0;
}
.hamburger.is-closed:hover .hamb-bottom {
-webkit-transition: all 0.35s ease-in-out;
bottom: 0;
}
.hamburger.is-closed .hamb-top {
-webkit-transition: all 0.35s ease-in-out;
background-color: rgba(255, 255, 255, 0.7);
top: 5px;
}
.hamburger.is-closed .hamb-middle {
background-color: rgba(255, 255, 255, 0.7);
margin-top: -2px;
top: 50%;
}
.hamburger.is-closed .hamb-bottom {
-webkit-transition: all 0.35s ease-in-out;
background-color: rgba(255, 255, 255, 0.7);
bottom: 5px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
height: 4px;
left: 0;
position: absolute;
width: 100%;
}
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
background-color: #ffffff;
margin-top: -2px;
top: 50%;
}
.hamburger.is-open .hamb-middle {
background-color: #ffffff;
display: none;
}
.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
background-color: #ffffff;
margin-top: -2px;
top: 50%;
}
.hamburger.is-open:before {
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
color: #ffffff;
content: '';
display: block;
font-size: 14px;
line-height: 32px;
opacity: 0;
text-align: center;
width: 100px;
}
.hamburger.is-open:hover before {
-webkit-transform: translate3d(-100px, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
display: block;
opacity: 1;
}
/*-------------------------------*/ /*-------------------------------*/
/* Dark Overlay */ /* Dark Overlay */
/*-------------------------------*/ /*-------------------------------*/
...@@ -301,3 +191,44 @@ html { ...@@ -301,3 +191,44 @@ html {
bottom: 0; bottom: 0;
z-index: 1; z-index: 1;
} }
/*中间内容开始*/
.btn1{
display: inline-block;
padding: 4px 6px;
margin-bottom: 0;
font-size: 12px;
font-weight: normal;
line-height: 12px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn2{
width:12%!important;
float: left;
margin-left: 10px;
}
.btn4{
width:15%!important;
float: left;
margin-left: 10px;
}
.btn3{
margin-left: 10px;
}
.page-cla{
float: right;
}
.fore-span{
float: left;
line-height: 34px;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment