Skip to content

Y
yybyyhtml
Commit d780fe2b authored by “wpwuhaogit config --global user.email“wpwuhao@semir.com's avatar “wpwuhaogit config --global user.email“wpwuhao@semir.com
Browse files
Options

地址管理

parent e5c0c8e7
Show whitespace changes
Inline Side-by-side
Showing with 201 additions and 0 deletions
address-manage.php 0 → 100644
View file @ d780fe2b
<?php require "layout/innerHeader.php" ?>
<!-- content -->
<section class="content pagecontent">
<div class="container">
<aside class="leftmenu panel-shadow" id="leftmenu">
<h3 class="title">
<i class="icon-dashboard"></i> 我的操作台
<i class="arrow" onclick="$('#leftmenu').toggleClass('opened')"></i>
</h3>
<ul>
<li><a href="edit-account.php">企业基本信息</a></li>
<li><a href="forgetPsChange.php">修改登录密码</a></li>
<li><a href="order-detail.php">新增销售订单</a></li>
<li class="active"><a href="address-manage.php">地址管理</a></li>
</ul>
</aside>
<div class="content-box panel-shadow">
<div class="page-title">
<h2 class="title border-theme"><span class="text-theme">地址管理</span></h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="btn-group mb10">
<div class="input-group">
<div class="input-group-addon">收货人</div>
<input type="text" placeholder="请输入收货人姓名" class="form-control">
</div>
</div>
</div>
<div class="col-md-4">
<div class="btn-group mb10">
<div class="input-group">
<div class="input-group-addon">手机号</div>
<input type="text" placeholder="请输入手机号" class="form-control">
</div>
</div>
</div>
<div class="col-md-4">
<button class="btn btn-default mb10" type="button"><i class="icon-search"></i> 查询</button>
<button class="btn btn-default mb10 ml5" type="button">清除</button>
<button class="btn btn-success mb10 ml10" type="button" onclick="showAddressDetail(null)"><i class="icon-plus"></i> 新增地址</button>
</div>
</div>
<div class="table-responsive">
<table class="table table-striped table-sideborder nm">
<thead>
<tr>
<th width="80">收货人</th>
<th width="80">手机号</th>
<th >地址</th>
<th class="text-center">默认地址</th>
<th width="200" class="text-center">操作</th>
</tr>
</thead>
<tbody>
<tr data-id="111">
<td>刘XX</td>
<td>13800000000</td>
<td>上海市宝山区南京路12号3号楼201室</td>
<td class="text-center"><span class="text-muted">否</span></td>
<td class="text-center">
<button class="btn btn-sm btn-theme" type="button">设为默认</button>
<button class="btn btn-sm btn-theme ml5" type="button" onclick="showAddressDetail('111')">编辑</button>
<button class="btn btn-sm btn-danger ml5" type="button">删除</button>
</td>
</tr>
<tr data-id="222">
<td>刘XX</td>
<td>13800000000</td>
<td>上海市宝山区南京路12号3号楼201室</td>
<td class="text-center"><span class="text-theme">是</span></td>
<td class="text-center">
<button class="btn btn-sm btn-theme" type="button" onclick="showAddressDetail('222')">编辑</button>
<button class="btn btn-sm btn-danger ml5" type="button">删除</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!--新增编辑地址-->
<div id="addressDetail" class="modal fade">
<div class="modal-dialog">
<form class="modal-content form-horizontal form-bordered min" action="" autocomplete="off" name="addressForm">
<div class="modal-header">
<button data-dismiss="modal" class="close" type="button">×</button>
<h4 class="modal-title">新增地址</h4>
</div>
<div class="modal-body">
<div class="indicator"><span class="spinner"></span></div>
<div class="form-group">
<label class="col-sm-3 control-label"><span class="text-danger">*</span> 收货人姓名</label>
<div class="col-sm-6">
<input class="form-control" name="name" value="" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"><span class="text-danger">*</span> 联系电话</label>
<div class="col-sm-6">
<input class="form-control" name="phone" value="" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"><span class="text-danger">*</span> 详细地址</label>
<div class="col-sm-9">
<textarea class="form-control" name="address" value="" rows="2"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">默认地址</label>
<div class="col-sm-9">
<label class="radio-inline"><input type="radio" name="setDefault" value="1">是</label>
<label class="radio-inline"><input type="radio" name="setDefault" value="2" checked="">否</label>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary btn-submit">确定提交</button>
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</form>
</div>
</div>
<?php include "layout/footer.php" ?>
<script type="text/javascript">
function showAddressDetail(id){
$("#addressDetail").modal("show").find("form[name='addressForm']").get(0).reset();
$("#addressDetail .modal-title").text("新增地址");
if(id){
//获取地址信息
$("#addressDetail .indicator").show();
$("#addressDetail .modal-title").text("编辑地址");
setTimeout(() => {
$("#addressDetail .indicator").hide();
}, 1000);
}
}
$(function() {
});
</script>
</body>
</html>
\ No newline at end of file
css/custom.css
View file @ d780fe2b
...@@ -438,12 +438,16 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight: ...@@ -438,12 +438,16 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
.leftmenu{ width: 100%; margin-bottom: 20px; } .leftmenu{ width: 100%; margin-bottom: 20px; }
.leftmenu+.content-box{ width: 100%; margin-left: 0;} .leftmenu+.content-box{ width: 100%; margin-left: 0;}
.leftmenu::after{ display: none;}
.leftmenu .arrow{ display: block; font-size: 24px; position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;} .leftmenu .arrow{ display: block; font-size: 24px; position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;}
.leftmenu .arrow::before{content: "\f078";font-family: FontAwesome; font-weight: normal; font-style: normal; line-height: normal;} .leftmenu .arrow::before{content: "\f078";font-family: FontAwesome; font-weight: normal; font-style: normal; line-height: normal;}
.leftmenu.opened .arrow::before{content: "\f077";} .leftmenu.opened .arrow::before{content: "\f077";}
.leftmenu > ul { display: none;} .leftmenu > ul { display: none;}
.leftmenu.opened > ul { display: block;} .leftmenu.opened > ul { display: block;}
.leftmenu.opened::after{ display: block;}
.sort-button{ display: block; margin-top: 10px;} .sort-button{ display: block; margin-top: 10px;}
......
css/ui.css
View file @ d780fe2b
...@@ -199,6 +199,33 @@ background-image: -o-repeating-linear-gradient(135deg,#ff4961,#ff4961 20px,#28d0 ...@@ -199,6 +199,33 @@ background-image: -o-repeating-linear-gradient(135deg,#ff4961,#ff4961 20px,#28d0
background-image: repeating-linear-gradient(-45deg,#ff4961,#ff4961 20px,#28d094 0,#28d094 40px,#85baff 0,#85baff 60px,#ffc06a 0,#ffc06a 80px,#666ee8 0,#666ee8 100px,#1e9ff2 0,#1e9ff2 120px,#414b92 0,#414b92 140px,#ffaad8 0,#ffaad8 160px); background-image: repeating-linear-gradient(-45deg,#ff4961,#ff4961 20px,#28d094 0,#28d094 40px,#85baff 0,#85baff 60px,#ffc06a 0,#ffc06a 80px,#666ee8 0,#666ee8 100px,#1e9ff2 0,#1e9ff2 120px,#414b92 0,#414b92 140px,#ffaad8 0,#ffaad8 160px);
} }
.indicator {
display: none;
position: absolute;
z-index: 999;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
background-color: rgba(255, 255, 255, .9);
border-radius: 2px;
cursor: progress;
}
.indicator>.spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
width: 32px;
height: 32px;
background-image: url(../image/loading-bubbles.svg);
background-repeat: no-repeat;
background-position: center;
}
/* modal */ /* modal */
.modal-backdrop{ background-color: #becdd9;} .modal-backdrop{ background-color: #becdd9;}
...@@ -357,6 +384,7 @@ body > .loading-group .loading span{ display: block; padding-top: 60px; text-ali ...@@ -357,6 +384,7 @@ body > .loading-group .loading span{ display: block; padding-top: 60px; text-ali
@media (min-width: 768px) and (max-width: 979px){ @media (min-width: 768px) and (max-width: 979px){
.crumbs ul li a{ padding-left: 50px; padding-right: 50px;} .crumbs ul li a{ padding-left: 50px; padding-right: 50px;}
.table tr, .table th, .table td{ display: block; width: 100%;}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
......
image/loading-bubbles.svg 0 → 100644
View file @ d780fe2b
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="#666">
<circle transform="translate(8 0)" cx="0" cy="16" r="0">
<animate attributeName="r" values="0; 4; 0; 0" dur="1.2s" repeatCount="indefinite" begin="0"
keytimes="0;0.2;0.7;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="translate(16 0)" cx="0" cy="16" r="0">
<animate attributeName="r" values="0; 4; 0; 0" dur="1.2s" repeatCount="indefinite" begin="0.3"
keytimes="0;0.2;0.7;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="translate(24 0)" cx="0" cy="16" r="0">
<animate attributeName="r" values="0; 4; 0; 0" dur="1.2s" repeatCount="indefinite" begin="0.6"
keytimes="0;0.2;0.7;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8" calcMode="spline" />
</circle>
</svg>
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