256 lines
12 KiB
HTML
256 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html class="">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta content="text/html" http-equiv="content-type" />
|
||
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
||
<meta content="webkit" name="renderer" />
|
||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||
<title>{$pagetitle}-{$Think.config.setting.sitename}</title>
|
||
<link href="__PUBLIC__/skin/css/animate.min.css" rel="stylesheet">
|
||
<link href="__PUBLIC__/skin/css/font-awesome.min.css" rel="stylesheet">
|
||
<link href="__PUBLIC__/skin/css/nav.css" rel="stylesheet">
|
||
<link href="__PUBLIC__/skin/css/nav2.css" rel="stylesheet">
|
||
<link href="__PUBLIC__/skin/css/slick-min.css" rel="stylesheet" type="text/css"/>
|
||
<link href="__PUBLIC__/skin/css/global.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
|
||
<include file="./Application/Data/templateFile/header.html"/>
|
||
|
||
<div class="hight"></div><!-- #EndLibraryItem --><div class="indexProduct UserCenter_nav">
|
||
<div class="indexProduct_content clear all">
|
||
<a href="{:U('Home/index/index')}">首页</a>
|
||
<span class="fa fa-angle-right"></span>
|
||
<a href="{:U('Member/index/index')}">用户中心</a>
|
||
<span class="fa fa-angle-right"></span>
|
||
<a class="on" href="javascript:void(0)">收件地址</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="indexProduct UserCenter Safety password AddressDetails">
|
||
<div class="indexProduct_content clear all">
|
||
<div class="UserCenter_left fl"><include file="./Application/Member/View/Inc/left.html"/></div>
|
||
<div class="UserCenter_right fl">
|
||
<div class="Safety_title">收件地址</div>
|
||
<div class="AddressDetails_title">
|
||
<a class="address_edit" onclick="getAddressInfo(false)">新增收货地址</a>您已创建<span class="address_size">?</span>个地址
|
||
</div>
|
||
<div class="AddressDetails_content clear">
|
||
|
||
<foreach item="vo" name="data" >
|
||
<if condition="$vo['sh_status'] eq 1">
|
||
<label class="AddressDetails_content_list fl">
|
||
<input checked="checked" type="radio" />
|
||
<div class="button">
|
||
<div class="content_list_title">{$vo.username}（{$vo.province}）</div>
|
||
<div class="content_list_txt">
|
||
<p><span>收货人：</span>{$vo.username}</p>
|
||
<p><span>所在地区：</span>{$vo.province}{$vo.city}{$vo.area}</p>
|
||
<p><span>详细地址：</span>{$vo.detail}</p>
|
||
<p><span>联系电话：</span>{$vo.mobile}</p>
|
||
</div>
|
||
<div class="content_list_bottom">
|
||
<a onclick="setsh(this,{$vo.id})" <if condition="$vo[sh_status] eq 1"> class="on" </if> href="javascript:void(0);">设为默认收货地址</a>
|
||
<a onclick="setsp(this,{$vo.id})" <if condition="$vo[sp_status] eq 1"> class="on" </if> href="javascript:void(0);">设为默认收票</a>
|
||
<a class="address_edit" onclick="getAddressInfo({$vo.id})" href="javascript:void(0);">编辑</a>
|
||
<a href="javascript:void(0);" onclick="deleteRow({$vo.id});">删除</a>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
<else/>
|
||
<if condition="$vo['sp_status'] eq 1">
|
||
<label class="AddressDetails_content_list fl">
|
||
<input checked="checked" type="radio" />
|
||
<div class="button">
|
||
<div class="content_list_title">{$vo.username}（{$vo.province}）</div>
|
||
<div class="content_list_txt">
|
||
<p><span>收货人：</span>{$vo.username}</p>
|
||
<p><span>所在地区：</span>{$vo.province}{$vo.city}{$vo.area}</p>
|
||
<p><span>详细地址：</span>{$vo.detail}</p>
|
||
<p><span>联系电话：</span>{$vo.mobile}</p>
|
||
</div>
|
||
<div class="content_list_bottom">
|
||
<a onclick="setsh(this,{$vo.id})" <if condition="$vo[sh_status] eq 1"> class="on" </if> href="javascript:void(0);">设为默认收货地址</a>
|
||
<a onclick="setsp(this,{$vo.id})" <if condition="$vo[sp_status] eq 1"> class="on" </if> href="javascript:void(0);">设为默认收票</a>
|
||
<a class="address_edit" onclick="getAddressInfo({$vo.id})" href="javascript:;">编辑</a>
|
||
<a href="javascript:;" onclick="deleteRow({$vo.id});">删除</a>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
<else/>
|
||
<label class="AddressDetails_content_list fl">
|
||
<input name="time[]" type="radio" value="111"/>
|
||
<div class="button">
|
||
<div class="content_list_title">{$vo.username}（{$vo.province}）</div>
|
||
<div class="content_list_txt">
|
||
<p><span>收货人：</span>{$vo.username}</p>
|
||
<p><span>所在地区：</span>{$vo.province}{$vo.city}{$vo.area}</p>
|
||
<p><span>详细地址：</span>{$vo.detail}</p>
|
||
<p><span>联系电话：</span>{$vo.mobile}</p>
|
||
</div>
|
||
<div class="content_list_bottom">
|
||
<a onclick="setsh(this,{$vo.id})" <if condition="$vo[sh_status] eq 1"> class="on" </if> href="javascript:void(0);">设为默认收货地址</a>
|
||
<a onclick="setsp(this,{$vo.id})" <if condition="$vo[sp_status] eq 1"> class="on" </if> href="javascript:void(0);">设为默认收票</a>
|
||
<a class="address_edit" onclick="getAddressInfo({$vo.id})" href="javascript:;">编辑</a>
|
||
<a href="javascript:;" onclick="deleteRow({$vo.id});">删除</a>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
</if>
|
||
</if>
|
||
</foreach>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg NewAddress_bg"></div>
|
||
<div class="Address NewAddress" id="app">
|
||
<div class="SelectAddress_title clear">
|
||
<dd class="fl">新增收件地址</dd>
|
||
<a class="fr NewAddress_close" href="javascript:void(0);"><img src="__PUBLIC__/skin/images/close.png" /></a>
|
||
</div>
|
||
<form action="" method="post" onsubmit="return save_form_file(this,callback)">
|
||
<div class="NewAddress_content">
|
||
<input name="id" type="hidden" v-bind:value="data.id" />
|
||
<div class="NewAddress_content_list clear">
|
||
<dd class="fl">收货人</dd>
|
||
<dt class="fl"><input name="username" v-bind:value="data.username" placeholder="请输入收件人姓名" type="text" /></dt>
|
||
</div>
|
||
<div class="NewAddress_content_list clear">
|
||
<dd class="fl">手机号</dd>
|
||
<dt class="fl"><input name="mobile" v-bind:value="data.mobile" placeholder="请输入收件人手机号码" type="text" /></dt>
|
||
</div>
|
||
<div class="NewAddress_content_list clear">
|
||
<dd class="fl">所在地区</dd>
|
||
<dt class="fl">
|
||
<div id="distpicker5" >
|
||
<select name="province" ></select>
|
||
<select name="city" ></select>
|
||
<select name="area" ></select>
|
||
</div>
|
||
</dt>
|
||
</div>
|
||
<div class="NewAddress_content_list clear">
|
||
<dd class="fl">详细地址</dd>
|
||
<dt class="fl"><textarea name="detail" placeholder="请输入详细地址">{{data.detail}}</textarea></dt>
|
||
</div>
|
||
</div>
|
||
<div class="NewAddress_bottom">
|
||
<label class="NewAddress_bottom_checkbox">
|
||
<input name="sh_status" v-if="data.sh_status == 1" checked="checked" type="checkbox" value="1"/>
|
||
<input name="sh_status" v-else type="checkbox" value="1"/>
|
||
<div class="button">设为默认收货地址</div>
|
||
</label>
|
||
<label class="NewAddress_bottom_checkbox">
|
||
<input name="sp_status" v-if="data.sp_status == 1" checked="checked" type="checkbox" value="1"/>
|
||
<input name="sp_status" v-else type="checkbox" value="1"/>
|
||
<div class="button">设为默认收票地址</div>
|
||
</label>
|
||
</div>
|
||
<div class="NewAddress_submit">
|
||
<input type="submit" value="保存" />
|
||
<a href="javascript:$('.NewAddress_close').click();">取消</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<include file="./Application/Data/templateFile/footer.html"/>
|
||
<script src="__PUBLIC__/skin/js/jquery-1.8.3.min.js" type="text/javascript"></script>
|
||
<script src="__PUBLIC__/skin/js/nav.js"></script>
|
||
<script src="/Public/Admin/layer/layer.js"></script>
|
||
<script src="/Public/Admin/js/globals.js"></script>
|
||
<script src="__PUBLIC__/skin/js/distpicker.data.js"></script>
|
||
<script src="__PUBLIC__/skin/js/distpicker.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||
<script type="text/javascript">
|
||
function setsh(obj,id){
|
||
if(!$(obj).hasClass("on")){
|
||
var msg = "您真的确定设置此地址为默认收货地址吗？\n\n请确认！";
|
||
if (confirm(msg)){
|
||
$.post("{:U('setDefault')}",{setsh:id},function(data){
|
||
if(data.status == 1){
|
||
window.location.reload();
|
||
}
|
||
},"json");
|
||
}else{
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
function setsp(obj,id){
|
||
if(!$(obj).hasClass("on")){
|
||
var msg = "您真的确定设置此地址为默认收票地址吗？\n\n请确认！";
|
||
if (confirm(msg)){
|
||
$.post("{:U('setDefault')}",{setsp:id},function(data){
|
||
|
||
if(data.status == 1){
|
||
window.location.reload();
|
||
}
|
||
},"json");
|
||
}else{
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
data = {a:1};
|
||
var app = new Vue({
|
||
el: '#app',
|
||
data: {
|
||
data : {
|
||
|
||
}
|
||
}
|
||
});
|
||
function deleteRow(id){
|
||
|
||
var msg = "您真的确定要删除吗？\n\n请确认！";
|
||
if (confirm(msg)){
|
||
$.post("{:U('delete')}",{id:id},function(data){
|
||
|
||
if(data.status == 1){
|
||
window.location.reload();
|
||
}
|
||
},"json");
|
||
}else{
|
||
return false;
|
||
}
|
||
|
||
}
|
||
function callback(data){
|
||
|
||
if(data.status == 0){
|
||
alert(data.info);
|
||
}else{
|
||
window.location.reload();
|
||
}
|
||
}
|
||
function getAddressInfo(id){
|
||
$('#distpicker5').distpicker('destroy');
|
||
if(id){
|
||
$.post("{:U('getAddressInfo')}",{id:id},function(data){
|
||
app.data = data.info;
|
||
$("#distpicker5").distpicker({
|
||
province: data.info.province,
|
||
city: data.info.city,
|
||
district: data.info.area
|
||
});
|
||
},"json");
|
||
}else{
|
||
app.data = {};
|
||
$("#distpicker5").distpicker({
|
||
province: "---- 所在省 ----",
|
||
city: "---- 所在市 ----",
|
||
district: "---- 所在区 ----"
|
||
});
|
||
}
|
||
}
|
||
|
||
</script>
|
||
<script src="__PUBLIC__/skin/js/global.js"></script>
|
||
</body>
|
||
</html> |