|
|
|
|
@@ -3,7 +3,13 @@
|
|
|
|
|
<head>
|
|
|
|
|
<#include "layout/header.ftl"/>
|
|
|
|
|
<#include "layout/common.cssjs.ftl"/>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
canvas {
|
|
|
|
|
-moz-user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="app header-default side-nav-dark">
|
|
|
|
|
@@ -44,7 +50,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info-box-content">
|
|
|
|
|
<h4 class="number">1125</h4>
|
|
|
|
|
<p class="info-text">All Properties</p>
|
|
|
|
|
<p class="info-text">用户在线</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -55,7 +61,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info-box-content">
|
|
|
|
|
<h4 class="number">351</h4>
|
|
|
|
|
<p class="info-text">For Sale</p>
|
|
|
|
|
<p class="info-text">当天访问量</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -66,7 +72,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info-box-content">
|
|
|
|
|
<h4 class="number">774</h4>
|
|
|
|
|
<p class="info-text">For Rent</p>
|
|
|
|
|
<p class="info-text">当月新用户</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -76,8 +82,8 @@
|
|
|
|
|
<i class="lni-wallet"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info-box-content">
|
|
|
|
|
<h4 class="number">$49450</h4>
|
|
|
|
|
<p class="info-text">Total Revenue</p>
|
|
|
|
|
<h4 class="number">49450</h4>
|
|
|
|
|
<p class="info-text">本月活跃用户</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -86,295 +92,104 @@
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h5 class="card-title">Business Overview</h5>
|
|
|
|
|
<h5 class="card-title">本月访问情况</h5>
|
|
|
|
|
<div class="float-right">
|
|
|
|
|
<ul class="list-inline d-none d-sm-block">
|
|
|
|
|
<li>
|
|
|
|
|
<span class="status bg-primary"></span>
|
|
|
|
|
<span class="text-semibold">Sales</span>
|
|
|
|
|
<span class="text-semibold"></span>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="status bg-success"></span>
|
|
|
|
|
<span class="text-semibold">Expense</span>
|
|
|
|
|
<span class="text-semibold"></span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div id="morris-line-example" style="height: 300px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-lg-8 col-md-12 col-xs-12">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-lg-6 col-md-12 col-xs-12">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<h5 class="card-title">Sales Details of Properties</h5>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-5 m-t-20">
|
|
|
|
|
<h3 class="text-primary">$7492</h3>
|
|
|
|
|
<p class="text-muted">July 2018</p>
|
|
|
|
|
<b>(149 Sales)</b>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-7">
|
|
|
|
|
<div id="sales1" class="text-right">
|
|
|
|
|
<div id="morris-bar-example" style="height: 130px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-6 col-md-12 col-xs-12">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<h5 class="card-title">Rent Details of Properties</h5>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-5 m-t-20">
|
|
|
|
|
<h3 class="text-info">$1930</h3>
|
|
|
|
|
<p class="light_op_text">July 2018</p>
|
|
|
|
|
<b class="">(170 Rentals)</b>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-7">
|
|
|
|
|
<div id="morris-bar-stacked" style="height: 130px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<div class="properties">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h4 class="card-title">Recent properties</h4>
|
|
|
|
|
<div class="card-toolbar">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="text-gray" href="#">
|
|
|
|
|
<i class="lni-more-alt"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<ul class="list-media">
|
|
|
|
|
<li class="list-item">
|
|
|
|
|
<div class="client-item">
|
|
|
|
|
<div class="media-img">
|
|
|
|
|
<img src="assets/img/properties/img1.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<h4 class="title text-semibold"><a href="#">795 Folsom Ave, Suite 600 San Francisco</a></h4>
|
|
|
|
|
<p class="m-0">20 July 2018, John Doe</p>
|
|
|
|
|
<div class="float-item">
|
|
|
|
|
<button class="btn btn-success">Rent</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="list-item">
|
|
|
|
|
<div class="client-item">
|
|
|
|
|
<div class="media-img">
|
|
|
|
|
<img src="assets/img/properties/img2.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<h4 class="title text-semibold"><a href="#">795 Folsom Ave, Suite 600 San Francisco</a></h4>
|
|
|
|
|
<p class="m-0">17 July 2018, Venessa Fern</p>
|
|
|
|
|
<div class="float-item">
|
|
|
|
|
<button class="btn btn-common">Sale</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="list-item">
|
|
|
|
|
<div class="client-item">
|
|
|
|
|
<div class="media-img">
|
|
|
|
|
<img src="assets/img/properties/img3.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<h4 class="title text-semibold"><a href="#">795 Folsom Ave, Suite 600 San Francisco</a></h4>
|
|
|
|
|
<p class="m-0">13 July 2018, Danielle M. Stong</p>
|
|
|
|
|
<div class="float-item">
|
|
|
|
|
<button class="btn btn-success">Rent</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="list-item">
|
|
|
|
|
<div class="client-item">
|
|
|
|
|
<div class="media-img">
|
|
|
|
|
<img src="assets/img/properties/img4.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<h4 class="title text-semibold"><a href="#">795 Folsom Ave, Suite 600 San Francisco</a></h4>
|
|
|
|
|
<p class="m-0">09 July 2018, Ample</p>
|
|
|
|
|
<div class="float-item">
|
|
|
|
|
<button class="btn btn-common">Sale</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-lg-4 col-xs-12">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="profile-bg">
|
|
|
|
|
<div class="user-profile">
|
|
|
|
|
<figure class="profile-wall-img">
|
|
|
|
|
<img class="img-fluid" src="assets/img/profile/user-bg.jpg" alt="User Wall">
|
|
|
|
|
</figure>
|
|
|
|
|
<div class="profile-body">
|
|
|
|
|
<figure class="profile-user-avatar">
|
|
|
|
|
<img src="assets/img/profile/user1.jpg" alt="User Wall">
|
|
|
|
|
</figure>
|
|
|
|
|
<h3 class="profile-user-name m-0">Michael A. Franklin</h3>
|
|
|
|
|
<small class="profile-user-address">California, United States</small>
|
|
|
|
|
</div>
|
|
|
|
|
<form class="forms-profile">
|
|
|
|
|
<h4 class="text-center">
|
|
|
|
|
Request Inquiry
|
|
|
|
|
</h4>
|
|
|
|
|
<div class="form-group row">
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
<input type="text" class="form-control" id="exampleInputUsername2" placeholder="Full Name*">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group row">
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email ID*">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group row">
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
<input type="text" class="form-control" id="exampleInputMobile" placeholder="Mobile number*">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<textarea class="form-control" id="exampleTextarea1" rows="3"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
<button type="submit" class="btn btn-common">Submit</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h4 class="card-title">Property Overview</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table-overflow">
|
|
|
|
|
<table class="table table-hover table-lg">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="text-dark text-semibold">Order No.</td>
|
|
|
|
|
<td class="text-dark text-semibold">Customer</td>
|
|
|
|
|
<td class="text-dark text-semibold">Property</td>
|
|
|
|
|
<td class="text-dark text-semibold">Date</td>
|
|
|
|
|
<td class="text-dark text-semibold">Status</td>
|
|
|
|
|
<td class="text-dark text-semibold">Action</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<a href="invoice.html">#ODN84952</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>John Doe</td>
|
|
|
|
|
<td>795 Folsom Ave, Suite 600 San Francisco</td>
|
|
|
|
|
<td>25/07/2018</td>
|
|
|
|
|
<td><a href="#" class="badge badge-success">Paid</a></td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="btn-group dropdown">
|
|
|
|
|
<a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="lni-more-alt"></i></a>
|
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-pencil mr-2 text-muted"></i>Edit Contact</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-trash mr-2 text-muted"></i>Remove</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-envelope mr-2 text-muted"></i>Send Email</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<a href="invoice.html">#ODN84952</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>Venessa Fern</td>
|
|
|
|
|
<td>795 Folsom Ave, Suite 600 San Francisco</td>
|
|
|
|
|
<td>19/07/2018</td>
|
|
|
|
|
<td><a href="#" class="badge badge-info">Pending</a></td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="btn-group dropdown">
|
|
|
|
|
<a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="lni-more-alt"></i></a>
|
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-pencil mr-2 text-muted"></i>Edit Contact</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-trash mr-2 text-muted"></i>Remove</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-envelope mr-2 text-muted"></i>Send Email</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<a href="invoice.html">#ODN84952</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>John Doe</td>
|
|
|
|
|
<td>795 Folsom Ave, Suite 600 San Francisco</td>
|
|
|
|
|
<td>15/07/2018</td>
|
|
|
|
|
<td><a href="#" class="badge badge-danger">Fuiled</a></td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="btn-group dropdown">
|
|
|
|
|
<a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="lni-more-alt"></i></a>
|
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-pencil mr-2 text-muted"></i>Edit Contact</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-trash mr-2 text-muted"></i>Remove</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-envelope mr-2 text-muted"></i>Send Email</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<a href="invoice.html">#ODN84952</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>Ample</td>
|
|
|
|
|
<td>795 Folsom Ave, Suite 600 San Francisco</td>
|
|
|
|
|
<td>04/07/2018</td>
|
|
|
|
|
<td><a href="#" class="badge badge-success">Paid</a></td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="btn-group dropdown">
|
|
|
|
|
<a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="lni-more-alt"></i></a>
|
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-pencil mr-2 text-muted"></i>Edit Contact</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-trash mr-2 text-muted"></i>Remove</a>
|
|
|
|
|
<a class="dropdown-item" href="#"><i class="lni-envelope mr-2 text-muted"></i>Send Email</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="morris-line-example" >
|
|
|
|
|
<canvas id="canvas" style="height: 400px;width:98%;"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
var randomScalingFactor = function() {
|
|
|
|
|
return Math.ceil(Math.random() * 10.0) * Math.pow(10, Math.ceil(Math.random() * 5));
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var config = {
|
|
|
|
|
type: 'line',
|
|
|
|
|
data: {
|
|
|
|
|
labels: ['1', '2', '3', '4', '5', '6', '7','8','9','10',
|
|
|
|
|
'11','12','13','14','15','16','17','18','19','20',
|
|
|
|
|
'21','22','23','24','25','26','27','28','29','30','31'],
|
|
|
|
|
datasets: [{
|
|
|
|
|
label:"访问量",
|
|
|
|
|
backgroundColor: 'rgb(75, 192, 192)',
|
|
|
|
|
borderColor: 'rgb(75, 192, 192)',
|
|
|
|
|
fill: false,
|
|
|
|
|
data: [
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor(),
|
|
|
|
|
randomScalingFactor()
|
|
|
|
|
],
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
options: {
|
|
|
|
|
responsive: true,
|
|
|
|
|
title: {
|
|
|
|
|
display: true
|
|
|
|
|
//,text: '访问情况'
|
|
|
|
|
},
|
|
|
|
|
scales: {
|
|
|
|
|
xAxes: [{
|
|
|
|
|
display: true,
|
|
|
|
|
}],
|
|
|
|
|
yAxes: [{
|
|
|
|
|
display: true,
|
|
|
|
|
type: 'logarithmic',
|
|
|
|
|
}]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
window.onload = function() {
|
|
|
|
|
var ctx = document.getElementById('canvas').getContext('2d');
|
|
|
|
|
window.myLine = new Chart(ctx, config);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
<footer class="content-footer">
|
|
|
|
|
<#include "layout/footer.ftl"/>
|
|
|
|
|
</footer>
|
|
|
|
|
|