335 lines
8.2 KiB
HTML
335 lines
8.2 KiB
HTML
{template '_header'}
|
|
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/css/card/index.css"/>
|
|
<style type="text/css">
|
|
.preview{
|
|
margin-top: 30px;
|
|
float: left;
|
|
width: 318px;
|
|
margin-left:30px;
|
|
padding-bottom: 230px;
|
|
overflow: hidden;
|
|
background-color:#f6f6f8;
|
|
border: 1px solid #e7e7eb;
|
|
position: static;
|
|
}
|
|
|
|
.basic{
|
|
float: left;
|
|
width: 492px;
|
|
height: 580px;
|
|
border: 1px solid #e5e5e5;
|
|
margin: 30px 0 0 30px;
|
|
}
|
|
.basic .header{
|
|
font-size: 14px;
|
|
height: 60px;
|
|
width: 100%;
|
|
background: #ececec;
|
|
line-height: 60px;
|
|
padding: 0 40px;
|
|
color: #000;
|
|
}
|
|
.delete_card{
|
|
font-size: 12px;
|
|
float: right;
|
|
color: #999;
|
|
}
|
|
.delete_card:hover{
|
|
text-decoration: none;
|
|
}
|
|
.basic .basic_content{
|
|
padding: 0 40px;
|
|
}
|
|
.basic .card_cell{
|
|
height:80px;
|
|
line-height: 78px;
|
|
border-bottom: 1px solid #efefef;
|
|
position: relative;
|
|
}
|
|
.basic .card_cell .text{
|
|
color: #999;
|
|
font-size: 12px;
|
|
float: right;
|
|
}
|
|
.basic .card_cell .remark{
|
|
font-size: 24px;
|
|
float: right;
|
|
color: #000;
|
|
}
|
|
.edit_btn{
|
|
display: inline-block;
|
|
height: 50px;
|
|
width: 195px;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
border-radius: 4px;
|
|
margin-top: 40px;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.edit_btn:hover{
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.edit_card{
|
|
background: #1ab394;
|
|
}
|
|
.act_card{
|
|
background: #f9f9f9;
|
|
color:#1ab394 ;
|
|
border: 1px solid #e5e5e5;
|
|
margin-left: 15px;
|
|
}
|
|
.act_card:hover{
|
|
color:#1ab394 ;
|
|
}
|
|
.card_empty{
|
|
text-align: center;
|
|
margin-top: 170px;
|
|
}
|
|
.card_empty p{
|
|
line-height: 72px;
|
|
font-size: 20px;
|
|
color: #999;
|
|
}
|
|
.card_empty a{
|
|
display: inline-block;
|
|
width: 125px;
|
|
height: 37px;
|
|
border: 1px solid #2097f5;
|
|
color: #2097f5;
|
|
line-height: 35px;
|
|
border-radius: 4px;
|
|
}
|
|
.card_empty a:hover{
|
|
text-decoration: none;
|
|
}
|
|
.delete_sure{
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-family: '微软雅黑','Microsoft Yahei';
|
|
z-index: 1000002;
|
|
animation-duration: 0.6s;
|
|
}
|
|
.delete_sure.show{
|
|
display: block;
|
|
}
|
|
.div_dailog {
|
|
width: 280px;
|
|
height: auto;
|
|
background: rgb(255, 255, 255);
|
|
border-radius: 4px;
|
|
padding: 10px 16px;
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
/*min-width: 240px;
|
|
min-height: 130px;*/
|
|
margin-top: -65px;
|
|
margin-left: -120px;
|
|
}
|
|
.div_dailog .title{
|
|
color: #C54D54;
|
|
border-bottom: 1px dashed #D9534F;
|
|
font-size: 20px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
padding: 10px 0;
|
|
height: 40px;
|
|
}
|
|
.discription_dailog{
|
|
padding: 14px 0 10px 0;
|
|
font-size: 14px;
|
|
text-indent: 16px;
|
|
line-height: 1.6;
|
|
}
|
|
.dailog_divOperation{
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
padding: 3px 2px;
|
|
justify-content: flex-end;
|
|
float: right;
|
|
height: 36px;
|
|
}
|
|
.div_dailog .dailog_divOperation .btn_span{
|
|
padding: 6px 10px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
-moz-user-select: -moz-none;
|
|
-ms-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
color: #fff;
|
|
background: #D9534F;
|
|
}
|
|
.div_dailog .dailog_divOperation .btn_span:first-child {
|
|
margin-right: 10px;
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="wrapper">
|
|
<div class='card_title'>
|
|
<div>
|
|
微信会员卡概述
|
|
</div>
|
|
</div>
|
|
<div class="card_empty" {if !empty($card)} style="display: none" {/if}>
|
|
<img src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/card_empty.jpg" alt="" />
|
|
<p>暂无微信会员卡</p>
|
|
{ifp 'member.card.add'}
|
|
<a href="{php echo webUrl('member/card/post')}"> 去添加</a>
|
|
{/if}
|
|
</div>
|
|
|
|
<div class="preview" {if empty($card)} style="display: none" {/if}>
|
|
<div class="cart-top">
|
|
<img src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/cart_top.jpg" alt=""/>
|
|
</div>
|
|
<div class="title">
|
|
<i class="back icon icon-back"></i>
|
|
<i class="more pull-right icon icon-more"></i>
|
|
</div>
|
|
<div class="panel">
|
|
<!--商户信息-->
|
|
<div class="logo-area">
|
|
|
|
<div class="logo">
|
|
<img id="logoimg" src="{$card['card_logoimg']}"/>
|
|
</div>
|
|
<div class="name" id="brandname">
|
|
{php echo empty($card['card_brand_name'])?'会员卡标题名称':$card['card_brand_name']}
|
|
</div>
|
|
</br>
|
|
<div class="name" id="title">
|
|
{php echo empty($card['card_title'])?'会员卡商铺名称':$card['card_title']}
|
|
</div>
|
|
<div class="code">
|
|
<img src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/code.jpg" alt="" />
|
|
</div>
|
|
|
|
<div class="bot">
|
|
<span>0268 8888 8888</span>
|
|
<i class="icon icon-info pull-right"></i>
|
|
</div>
|
|
</div>
|
|
<div class="card-other">
|
|
<ul>
|
|
<li id="show_custom_cell1" {if empty($card['custom_cell1'])}style="display:none;" {/if}>
|
|
<span id="show_custom_cell1_name">{php echo empty($card['custom_cell1_name'])?'自定义入口':$card['custom_cell1_name']}</span>
|
|
<span style="float: right;">
|
|
{php echo empty($card['custom_cell1_tips'])?'立即进入':$card['custom_cell1_tips']}
|
|
<i id="show_custom_cell1_tips" class="go pull-right icon icon-right"></i>
|
|
</span>
|
|
</li>
|
|
<li>会员卡详情<i class="go pull-right icon icon-right"></i></li>
|
|
<li>公众号<i class="go pull-right icon icon-right"></i></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--自定义入口-->
|
|
<!--卡券其他-->
|
|
<div class="card-other">
|
|
<ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="basic" {if empty($card)} style="display: none" {/if}>
|
|
<div class="header">
|
|
基本信息
|
|
{ifp 'member.card.delete'}
|
|
<span class="delete_card">
|
|
<a data-toggle='ajaxPost' href="{php echo webUrl('member/card/delete')}" data-confirm="确定要删除会员卡吗？如果删除,用户已领取的会员卡将全部失效,请谨慎操作!"><i class='fa fa-trash'></i> 删除会员卡</a>
|
|
</span>
|
|
{/if}
|
|
</div>
|
|
<div class="basic_content">
|
|
<div class="card_cell">
|
|
二维码
|
|
<span class="text"><a href ='{$codeimg}' target="_blank" ><img border='0' width="50px" src='{$codeimg}'></a>
|
|
<a href ='{$codeimg}' target="_blank">点击下载</a></span>
|
|
</div>
|
|
<div class="card_cell">
|
|
当前会员卡状态
|
|
<span class="remark" style="color: #1ca800;font-weight: bold;">
|
|
{if empty($card)}
|
|
未创建
|
|
{else}
|
|
投放中
|
|
{/if}
|
|
</span>
|
|
</div>
|
|
<div class="card_cell">
|
|
剩余库存
|
|
<span class="remark">{$card['card_quantity']}</span>
|
|
{ifp 'member.card.stock'}
|
|
<a data-toggle="ajaxModal" href="{php echo webUrl('member/card/stock', array('id'=>$row['id'],'card_id'=>$row['card_id']))}" title='修改库存'><img style="position: absolute;right: -30px;top: 28px;" src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/edit_img.jpg" alt="" /></a>
|
|
{/if}
|
|
|
|
</div>
|
|
<div class="card_cell">
|
|
发送总量
|
|
<span class="remark">{$card['card_totalquantity']}</span>
|
|
</div>
|
|
<div class="card_cell">
|
|
领取数量
|
|
<span class="remark">{php echo intval($card['card_totalquantity']) - intval($card['card_quantity'])}</span>
|
|
</div>
|
|
<div>
|
|
{ifp 'member.card.edit'}
|
|
<a class='edit_btn edit_card' href="{php echo webUrl('member/card/post')}"> 编辑会员卡</a>
|
|
{/if}
|
|
{ifp 'member.card.active'}
|
|
<a class="edit_btn act_card" href="{php echo webUrl('member/card/activationset')}">会员卡激活设置</a>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
<div class="delete_sure" style="background: rgba(0, 0, 0, 0.6); z-index: 10000011;">
|
|
<div class="div_dailog ">
|
|
<div class="title">提示！！</div>
|
|
<div class="discription_dailog">
|
|
这是弹窗的描述!
|
|
</div>
|
|
<div class="dailog_divOperation">
|
|
<span class="btn_span delete">确定</span>
|
|
<span class="btn_span cancel">取消</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
{if !empty($card)&& !empty($card['card_backgroundtype']) &&!empty($card['card_backgroundimg'])}
|
|
$(".logo-area").css({
|
|
"background":"url('{$card['card_backgroundimg']}') no-repeat left top",
|
|
"background-size":"100% 100%",
|
|
});
|
|
{/if}
|
|
|
|
|
|
{if !empty($card)&& empty($card['card_backgroundtype'])}
|
|
$(".logo-area").css({
|
|
"background":"{$card['color2']}"
|
|
});
|
|
{/if}
|
|
|
|
</script>
|
|
{template '_footer'}
|