You've already forked qlg.tsgz.moe
Init Repo
This commit is contained in:
232
hyhproject/wechat2/view/default/users/useraddress/address.js
Executable file
232
hyhproject/wechat2/view/default/users/useraddress/address.js
Executable file
@ -0,0 +1,232 @@
|
||||
jQuery.noConflict();
|
||||
//新增或编辑收货地址页
|
||||
function editAddress(addressId){
|
||||
$('#wst-switch').html('');
|
||||
$('#username').val('');
|
||||
$('#cellphone').val('');
|
||||
$('#address_detailed').val('');
|
||||
$('#areaId').val('');
|
||||
$('#addresst').html('请选择收货地址');
|
||||
$('.wst-ad-submit .button').attr('onclick','javascript:saveAddress('+addressId+');');
|
||||
if(addressId>0){
|
||||
$('.iziModal-header-title').html('修改收货地址');
|
||||
$.post(WST.U('wechat/useraddress/getById'), {addressId:addressId}, function(data){
|
||||
var info = WST.toJson(data);
|
||||
if(info){
|
||||
$('#username').val(info.userName);
|
||||
$('#cellphone').val(info.userPhone);
|
||||
$('#address_detailed').val(info.userAddress);
|
||||
$('#areaId').val(info.areaId);
|
||||
if(info.isDefault==1){
|
||||
$('#defaults').attr('checked',true);
|
||||
}else{
|
||||
$('#defaults').removeAttr('checked');
|
||||
}
|
||||
$('#addresst').html(info.areaName);
|
||||
}
|
||||
addressInfo= null;
|
||||
});
|
||||
}else{
|
||||
$('.iziModal-header-title').html('新增收货地址');
|
||||
}
|
||||
jQuery('#modal-large').iziModal('open');
|
||||
}
|
||||
jQuery("#modal-large").iziModal({
|
||||
title: "新增收货地址",
|
||||
subtitle: "",
|
||||
iconClass: 'icon-chat',
|
||||
overlayColor: 'rgba(0, 0 0, 0.6)',
|
||||
headerColor: '#ffffff'
|
||||
});
|
||||
//保存收货地址
|
||||
function saveAddress(addressId){
|
||||
var userName = $('#username').val();
|
||||
var userPhone = $('#cellphone').val();
|
||||
var areaId = $('#areaId').val();
|
||||
var userAddress = $('#address_detailed').val();
|
||||
if( $('#defaults').is(':checked')){
|
||||
var isdefaultAddress = 1;//设为默认地址
|
||||
}else{
|
||||
var isdefaultAddress = 0;//不设为默认地址
|
||||
}
|
||||
if(userName==''){
|
||||
WST.msg('收货人名称不能为空','info');
|
||||
return false;
|
||||
}
|
||||
if(userPhone==''){
|
||||
WST.msg('联系电话不能为空','info');
|
||||
return false;
|
||||
}
|
||||
if(areaId==''){
|
||||
WST.msg('请选择地址','info');
|
||||
return false;
|
||||
}
|
||||
if(userAddress==''){
|
||||
WST.msg('请填写详细地址','info');
|
||||
return false;
|
||||
}
|
||||
var param = {};
|
||||
param.addressId = addressId;
|
||||
param.userName = userName;
|
||||
param.areaId = areaId;
|
||||
param.userPhone = userPhone;
|
||||
param.userAddress = userAddress;
|
||||
param.isDefault = isdefaultAddress;
|
||||
$('.wst-ad-submit .button').addClass("active").attr('disabled', 'disabled');
|
||||
$.post(WST.U('wechat/useraddress/edits'), param, function(data){
|
||||
var json = WST.toJson(data);
|
||||
if( json.status == 1 ){
|
||||
WST.msg(json.msg,'success');
|
||||
var type = $('#type').val();
|
||||
var id = $('#addressId2').val();
|
||||
if(param.addressId==0 && type==1)var addId = json.data.addressId;
|
||||
setTimeout(function(){
|
||||
if(param.addressId==0 && type==1){
|
||||
chooseAddress(addId);
|
||||
}else{
|
||||
location.href = WST.U('wechat/useraddress/index','type='+type+'&addressId='+id);
|
||||
}
|
||||
},1500);
|
||||
}else{
|
||||
WST.msg(json.msg,'warn');
|
||||
setTimeout(function(){
|
||||
$('.wst-ad-submit .button').removeAttr('disabled').removeClass("active");
|
||||
},1500);
|
||||
}
|
||||
data = json = null;
|
||||
});
|
||||
}
|
||||
//设为默认地址
|
||||
function inDefault(obj,id){
|
||||
$(obj).addClass('default').removeClass('nodefault').siblings('.j-operate').addClass('nodefault').removeClass('default');
|
||||
$('.wst-ad-operate').css('position','relative');
|
||||
$.post(WST.U('wechat/useraddress/setDefault'), {id:id}, function(data){
|
||||
var json = WST.toJson(data);
|
||||
if( json.status == 1 ){
|
||||
WST.msg(json.msg,'success');
|
||||
setTimeout(function(){
|
||||
location.href = WST.U('wechat/useraddress/index');
|
||||
},1500);
|
||||
}else{
|
||||
WST.msg(json.msg,'warn');
|
||||
$('.wst-ad-operate').css('position','static');
|
||||
}
|
||||
data = json = null;
|
||||
});
|
||||
}
|
||||
function setToDefault(obj){
|
||||
if( $(obj).is(':checked')){
|
||||
$('#defaults').removeAttr('checked');
|
||||
}else{
|
||||
$('#defaults').attr('checked',true);
|
||||
}
|
||||
}
|
||||
//删除收货地址
|
||||
function delAddress(addressId){
|
||||
WST.dialog('确定删除吗?','toDelAddress('+addressId+')');
|
||||
}
|
||||
//删除收货地址
|
||||
function toDelAddress(addressId){
|
||||
$.post(WST.U('wechat/useraddress/del'), {id:addressId}, function(data){
|
||||
var json = WST.toJson(data);
|
||||
if(json.status==1){
|
||||
WST.msg(json.msg,'success');
|
||||
setTimeout(function(){
|
||||
var type = $('#type').val();
|
||||
var id = $('#addressId2').val();
|
||||
location.href = WST.U('wechat/useraddress/index','type='+type+'&addressId='+id);
|
||||
},2000);
|
||||
}else{
|
||||
WST.msg(json.msg,'warn');
|
||||
}
|
||||
WST.dialogHide('prompt');
|
||||
data = json = null;
|
||||
});
|
||||
}
|
||||
//地址选择
|
||||
function inOption(obj,n){
|
||||
$(obj).addClass('active').siblings().removeClass('active');
|
||||
$('.area_'+n).removeClass('hide').siblings('.list').addClass('hide');
|
||||
var level = $('#level').val();
|
||||
var n = n+1;
|
||||
for(var i=n; i<=level; i++){
|
||||
$('.area_'+i).remove();
|
||||
$('.active_'+i).remove();
|
||||
}
|
||||
}
|
||||
function inChoice(obj,id,val,level){
|
||||
$('#level').val((level+1));
|
||||
$(obj).addClass('active').siblings().removeClass('active');
|
||||
$('#'+id).attr('areaId',val);
|
||||
$('.active_'+level).removeClass('active').html($(obj).html());
|
||||
WST.ITAreas({id:id,val:val,className:'j-areas'});
|
||||
}
|
||||
/**
|
||||
* 循环创建地区
|
||||
* @param id 当前分类ID
|
||||
* @param val 当前分类值
|
||||
* @param className 样式,方便将来获取值
|
||||
*/
|
||||
WST.ITAreas = function(opts){
|
||||
opts.className = opts.className?opts.className:"j-areas";
|
||||
var obj = $('#'+opts.id);
|
||||
obj.attr('lastarea',1);
|
||||
$.post(WST.U('wechat/areas/listQuery'),{parentId:opts.val},function(data,textStatus){
|
||||
var json = WST.toJson(data);
|
||||
if(json.data && json.data.length>0){
|
||||
json = json.data;
|
||||
var html = [],tmp;
|
||||
var tid = opts.id+"_"+opts.val;
|
||||
var level = parseInt(obj.attr('level'),10);
|
||||
$('.area_'+level).addClass('hide');
|
||||
var level = level+1;
|
||||
html.push('<div id="'+tid+'" class="list '+opts.className+' area_'+level+'" areaId="0" level="'+level+'">');
|
||||
for(var i=0;i<json.length;i++){
|
||||
tmp = json[i];
|
||||
html.push("<p onclick='javascript:inChoice(this,\""+tid+"\","+tmp.areaId+","+level+");'>"+tmp.areaName+"</p>");
|
||||
}
|
||||
html.push('</div>');
|
||||
$(html.join('')).insertAfter('#'+opts.id);
|
||||
var h = WST.pageHeight();
|
||||
var listh = h/2-106;
|
||||
$(".wst-fr-box .list").css('overflow-y','scroll').css('height',listh+'px');
|
||||
$(".wst-fr-box .option").append('<p class="ui-nowrap-flex term active_'+level+' active" onclick="javascript:inOption(this,'+level+')">请选择</p>');
|
||||
}else{
|
||||
opts.isLast = true;
|
||||
opts.lastVal = opts.val;
|
||||
$('#areaId').val(opts.lastVal);
|
||||
var ht = '';
|
||||
$('.wst-fr-box .term').each(function(){
|
||||
ht += $(this).html();
|
||||
});
|
||||
$('#addresst').html(ht);
|
||||
dataHide();
|
||||
}
|
||||
});
|
||||
}
|
||||
function chooseAddress(id){
|
||||
location.href = WST.U('wechat/carts/settlement','addressId='+id);
|
||||
}
|
||||
$(document).ready(function(){
|
||||
WST.initFooter('user');
|
||||
// 弹出层
|
||||
$('#modal-large').css({'top':0,'margin-top':0});
|
||||
var h = WST.pageHeight();
|
||||
$("#frame").css('bottom','-'+h/2);
|
||||
var listh = h/2-106;
|
||||
$(".wst-fr-box .list").css('overflow-y','scroll').css('height',listh+'px');
|
||||
});
|
||||
//弹框
|
||||
function dataShow(){
|
||||
jQuery('#frame').show();
|
||||
jQuery('#cover').attr("onclick","javascript:dataHide();").show();
|
||||
jQuery('#frame').animate({"bottom": 0}, 500);
|
||||
}
|
||||
function dataHide(){
|
||||
var dataHeight = $("#frame").css('height');
|
||||
jQuery('#frame').animate({'bottom': '-'+dataHeight}, 500);
|
||||
jQuery('#cover').hide();
|
||||
setTimeout(function(){
|
||||
jQuery('#frame').hide();
|
||||
},500);
|
||||
}
|
49
hyhproject/wechat2/view/default/users/useraddress/edit.html
Executable file
49
hyhproject/wechat2/view/default/users/useraddress/edit.html
Executable file
@ -0,0 +1,49 @@
|
||||
<div id="modal-large" class="iziModal">
|
||||
<input type="hidden" name="" value="" id="areaId" autocomplete="off">
|
||||
<div class="wst-ad-form">
|
||||
<div class="ui-form-itemin">
|
||||
<label class="word">收货人:</label><input class="ui-border-binte" id="username" type="text" placeholder="请填写收货人">
|
||||
</div>
|
||||
<div class="wst-ad-line"><p></p></div>
|
||||
<div class="ui-form-itemin">
|
||||
<label class="word">联系电话:</label><input class="ui-border-binte" id="cellphone" type="text" placeholder="请填写联系电话" onkeypress='return WST.isNumberKey(event);' onkeyup="javascript:WST.isChinese(this,1)">
|
||||
</div>
|
||||
<div class="wst-ad-line"><p></p></div>
|
||||
<div class="ui-form-itemin">
|
||||
<label class="word">收货地址:</label>
|
||||
<div id="addresst" class="ui-nowrap-flex address" onclick="javascript:dataShow();">请选择收货地址</div>
|
||||
</div>
|
||||
<div class="wst-ad-line"><p></p></div>
|
||||
<div class="ui-form-itemin">
|
||||
<label class="word">详细地址:</label><input class="ui-border-binte" id="address_detailed" type="text" placeholder="请填写详细地址">
|
||||
</div>
|
||||
<div class="wst-ad-line"><p></p></div>
|
||||
<div class="ui-form">
|
||||
<div class="ui-form-item ui-form-item-switch wst-ad-operate">
|
||||
<p>设为默认地址</p>
|
||||
<label class="ui-switch">
|
||||
<input type="checkbox" id="defaults" onclick="javascript:setToDefault(this)">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wst-ad-submit"><button class="ui-btn-lg button" onclick="javascript:saveAddress(0);">保存</button></div>
|
||||
{/* 遮盖层 */}
|
||||
<div class="wst-cover" id="cover"></div>
|
||||
{/* 地址框 */}
|
||||
<div class="wst-fr-box" id="frame" style="display:none;">
|
||||
<input type="hidden" name="" value="" id="level" autocomplete="off">
|
||||
<div class="title"><span>收货地址</span><i class="ui-icon-close-page" onclick="javascript:dataHide();"></i><div class="wst-clear"></div></div>
|
||||
<div class="content" id="content">
|
||||
<div class="option">
|
||||
<p class="ui-nowrap-flex term active_0 active" onclick="javascript:inOption(this,0)">请选择</p>
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
<div id="area_0" class="list j-areas area_0" areaId="0" level="0">
|
||||
{volist name="area" id="ar"}
|
||||
<p onclick="javascript:inChoice(this,'area_0',{$ar['areaId']},0);">{$ar['areaName']}</p>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
56
hyhproject/wechat2/view/default/users/useraddress/list.html
Executable file
56
hyhproject/wechat2/view/default/users/useraddress/list.html
Executable file
@ -0,0 +1,56 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}收货地址管理 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__WECHAT__/css/iziModal.css?v={$v}">
|
||||
<link rel="stylesheet" href="__WECHAT__/css/address.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive ui-border-b wst-header">
|
||||
<i class="ui-icon-return" {if($type==1)}onclick="javascript:chooseAddress({$addressId});"{else}onclick="history.back();"{/if}></i><h1>我的地址</h1>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="footer"}
|
||||
<div class="wst-ad-footer"><button class="button" onclick="javascript:editAddress(0);">新增</button></div>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<input type="hidden" name="" value="{$type}" id="type" autocomplete="off">
|
||||
<input type="hidden" name="" value="{$addressId}" id="addressId2" autocomplete="off">
|
||||
<section class="ui-container" id="address">
|
||||
{volist name="list" id="li"}
|
||||
<ul class="ui-list wst-listse">
|
||||
<li {if($type==1)}onclick="javascript:chooseAddress({$li['addressId']});"{/if}>
|
||||
<div class="wst-list-infose1">
|
||||
<span class="name">{$li['userName']} {$li['userPhone']}</span>
|
||||
<span class="address">{$li['areaName']}-{$li['userAddress']}</span>
|
||||
</div>
|
||||
</li>
|
||||
<div class="wst-ad-operate">
|
||||
{if($type!=1)}<span class="left">设为默认</span>{/if}
|
||||
<span class="right" onclick="javascript:delAddress({$li['addressId']});"><i class="delete"></i> 删除</span>
|
||||
<span class="right" onclick="javascript:editAddress({$li['addressId']});"><i class="edit"></i> 编辑</span>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
</ul>
|
||||
{if($type==1)}
|
||||
<i class="j-operate {if($addressId==$li['addressId'])}default{else}nodefault{/if}"></i>
|
||||
{else}
|
||||
<i class="j-operate {if($li['isDefault']==1)}default{else}nodefault{/if}" onclick="javascript:inDefault(this,{$li['addressId']});"></i>
|
||||
{/if}
|
||||
{/volist}
|
||||
{empty name="list"}
|
||||
<div class="wst-prompt-icon"><img src="__WECHAT__/img/nothing-address.png"></div>
|
||||
<div class="wst-prompt-info">
|
||||
<p>没有收货地址</p>
|
||||
</div>
|
||||
{/empty}
|
||||
</section>
|
||||
{/block}
|
||||
{block name="include"}
|
||||
{include file="default/dialog" /}<!-- 对话框模板 -->
|
||||
{include file="default/users/useraddress/edit" /}<!-- 新增/编辑收货地址模板 -->
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__WECHAT__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__WECHAT__/js/izimodal/iziModal.js'></script>
|
||||
<script type='text/javascript' src='__WECHAT__/users/useraddress/address.js?v={$v}'></script>
|
||||
{/block}
|
Reference in New Issue
Block a user