529 lines
24 KiB
HTML
529 lines
24 KiB
HTML
{php $no_left =true;}
|
||
{template '_header'}
|
||
|
||
<link href="/favicon.ico" rel="shortcut icon" />
|
||
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/css/card/index.css"/>
|
||
<script type="text/javascript" src="js/bootstrap-colorpalette.js" charset="utf-8"></script>
|
||
|
||
<style>
|
||
.dropdown-menu {
|
||
border: medium none;
|
||
font-size: 12px;
|
||
left: 0;
|
||
list-style: none outside none;
|
||
padding: 0;
|
||
text-shadow: none;
|
||
top: 100%;
|
||
z-index: 1000;
|
||
border-radius: 0;
|
||
box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
|
||
}
|
||
|
||
.dropdown-menu li {
|
||
display: inline-block;
|
||
}
|
||
|
||
.bootstrap-colorpalette {
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
white-space: normal;
|
||
line-height: 1;
|
||
}
|
||
|
||
.tabs-container .form-group-color {
|
||
margin-right: -15px;
|
||
margin-left: -15px;
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/template/web/sale/wxcard/css/iconfont.css"/>
|
||
|
||
<form {ifp 'member.card'}action="" method='post'{/if} class='form-horizontal form-validate'>
|
||
<div class="wrapper">
|
||
<div class='card_title'>
|
||
<div>
|
||
基本信息
|
||
</div>
|
||
</div>
|
||
|
||
<div class="preview" style="overflow: visible;position: relative;margin-top: 30px;top: 0;">
|
||
<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="{if empty($card)}../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/default.png{else}{$card['card_logoimg']}{/if}"/>
|
||
</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;">
|
||
<span id="show_custom_cell1_tips">{php echo empty($card['custom_cell1_tips'])?'立即进入':$card['custom_cell1_tips']}</span>
|
||
|
||
<i 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="control" style="padding: 10px;margin-top: 30px;border: 1px solid #d0d1d2;width: 582px;">
|
||
<div class="editor_section">
|
||
|
||
<!--商铺名称-->
|
||
<div class="control-group limit">
|
||
<div class="frm_label pull-left">
|
||
商铺名称<span style="color: red;">*</span>
|
||
</div>
|
||
<div class="frm_controls">
|
||
{ifp 'member.card'}
|
||
<input type="text" name="card_brand_name" id="card_brand_name" class="input" value="{$card['card_brand_name']}" {if !empty($card)}disabled{/if} maxlength=15/>
|
||
{else}
|
||
{$card['card_brand_name']}
|
||
{/if}
|
||
</div>
|
||
<p class='card_tip'>商铺名称创建后无法修改</p>
|
||
</div>
|
||
|
||
<!--会员卡标题-->
|
||
<div class="control-group limit">
|
||
<div class="frm_label pull-left">
|
||
会员卡标题<span style="color: red;">*</span>
|
||
</div>
|
||
<div class="frm_controls">
|
||
{ifp 'member.card'}
|
||
<input type="text" name="card_title" id="card_title" class="input" value="{$card['card_title']}" {if !empty($card)}disabled{/if} maxlength=15 />
|
||
{else}
|
||
{$card['card_title']}
|
||
{/if}
|
||
</div>
|
||
<!--<p class='error'>会员卡标题创建后无法修改</p>-->
|
||
<p class='card_tip'>会员卡标题创建后无法修改</p>
|
||
</div>
|
||
|
||
<hr style="height: 3px; background: #fff;margin: 0 -30px">
|
||
|
||
<!--库存总量-->
|
||
<div class="control-group limit">
|
||
<div class="frm_label pull-left">
|
||
库存总量<span style="color: red;">*</span>
|
||
</div>
|
||
<div class="frm_controls">
|
||
{ifp 'member.card'}
|
||
<input type="text" name="card_totalquantity" id="card_totalquantity" maxlength=10 class="input" value="{$card['card_totalquantity']}" {if !empty($card)}disabled{/if} />
|
||
{else}
|
||
{$card['card_totalquantity']}
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!--logo图片-->
|
||
<div class="control-group">
|
||
<div class="frm_label pull-left">
|
||
logo图片<span style="color: red;">*</span>
|
||
</div>
|
||
<div class="frm_controls">
|
||
<div class="frm-image">
|
||
<input type="hidden" name="card_logoimg" id="card_logoimg" value="{$card['card_logoimg']}"/>
|
||
<input type="hidden" name="card_logolocalpath" id="card_logolocalpath" value=""/>
|
||
<img id="showlogo" style="border-radius: 50%" src="{if empty($card)}../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/default.png{else}{$card['card_logoimg']}{/if}" />
|
||
</div>
|
||
</div>
|
||
<div class="frm_controls">
|
||
<a class="btn btn-default upload" href="javascript:void(0);" {ifp 'member.card'}id="uploadlogo"{else}disabled{/if} >上传图片</a>
|
||
<p class='frm_tip'>会员卡的商户logo，建议像素为300*300。图片大小不能超过1mb,仅支持jpg,png格式</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--卡券是否显示余额设置-->
|
||
<div class="control-group">
|
||
<div class="frm_label pull-left">
|
||
是否显示余额
|
||
</div>
|
||
{ifp 'member.card'}
|
||
{if empty($card)}
|
||
<div class="frm_controls">
|
||
<input type="radio" name="card_supply_balance" value="0" {if empty($card['card_supply_balance'])}checked="true"{/if} />
|
||
<span>不使用</span>
|
||
</div>
|
||
<div class="frm_controls">
|
||
<input type="radio" name="card_supply_balance" value="1" {if !empty($card['card_supply_balance'])}checked="true"{/if} />
|
||
<span>使用</span>
|
||
</div>
|
||
{else}
|
||
<input type="hidden" name="card_supply_balance" value="{$card['card_supply_balance']}">
|
||
<div class='frm_controls'>
|
||
{if empty($card['card_supply_balance'])}
|
||
不使用
|
||
{else}
|
||
使用
|
||
{/if}
|
||
</div>
|
||
{/if}
|
||
{else}
|
||
<input type="hidden" name="card_supply_balance" value="{$card['card_supply_balance']}">
|
||
<div class='frm_controls'>
|
||
{if empty($card['card_supply_balance'])}
|
||
不使用
|
||
{else}
|
||
使用
|
||
{/if}
|
||
</div>
|
||
{/if}
|
||
<div class="frm_controls">
|
||
<p class='frm_tip'>使用微信卡券余额（具体为在会员卡中使用“余额/supply_balance”字段）需提交《单用途预付卡备案》。 操作指引详见： <a href="https://mp.weixin.qq.com/cgi-bin/readtemplate?token=1091016770&t=cardticket/faq_tmpl&type=info&token=1494071418&lang=zh_CN#3dot2">卡券储值功能权限开通</a>。</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!--卡券背景设置-->
|
||
<div class="control-group">
|
||
<div class="frm_label pull-left">
|
||
卡券背景设置
|
||
</div>
|
||
{ifp 'member.card'}
|
||
<div class="frm_controls">
|
||
<input type="radio" name="card_backgroundtype" value="0"
|
||
onclick="$('.backgroundimg').hide();$('.color').show();$('.btn-color-down').hide();"
|
||
{if empty($card['card_backgroundtype'])}checked="true"{/if} />
|
||
<span>使用背景色</span>
|
||
</div>
|
||
<div class="frm_controls">
|
||
<input type="radio" name="card_backgroundtype" value="1"
|
||
onclick="$('.backgroundimg').show();$('.color').hide();$('.btn-color-down').hide();"
|
||
{if !empty($card['card_backgroundtype'])}checked="true"{/if} />
|
||
<span>使用背景图片</span>
|
||
</div>
|
||
{else}
|
||
<input type="hidden" name="card_backgroundtype" value="{$card['card_backgroundtype']}">
|
||
<div class='frm_controls'>
|
||
{if empty($card['card_backgroundtype'])}
|
||
使用背景色
|
||
{else}
|
||
使用背景图片
|
||
{/if}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
|
||
<!--会员卡背景图-->
|
||
<div class="control-group backgroundimg" {if empty($card['card_backgroundtype'])} style="display:none;"{/if}>
|
||
<div class="frm_label pull-left">
|
||
会员卡背景图
|
||
</div>
|
||
<div class="frm_controls">
|
||
<div class="frm-image">
|
||
<input type="hidden" name="card_backgroundimg" id="card_backgroundimg" value="{$card['card_backgroundimg']}"/>
|
||
<input type="hidden" name="card_backgroundimg_localpath" id="card_backgroundimg_localpath" value=""/>
|
||
<img id="showbackground" src="{$card['card_backgroundimg']}"/>
|
||
</div>
|
||
</div>
|
||
<div class="frm_controls">
|
||
<a class="btn btn-default upload" href="javascript:void(0);" {ifp 'member.card'} id="uploadbackground" {else}disabled{/if} >上传图片</a>
|
||
<p class='frm_tip'>会员卡背景图，建议像素为1000*600。图片大小不能超过1mb,仅支持jpg,png格式</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--卡券颜色-->
|
||
<div class="control-group color" {if !empty($card['card_backgroundtype'])} style="display:none;"{/if}>
|
||
<div class="frm_label pull-left">
|
||
卡券背景色
|
||
</div>
|
||
<div class="btn-groups btn-group btns">
|
||
<input type="hidden" name="color2" id="color2" value="{$card['color2']}"/>
|
||
<input type="hidden" name="color" id="color" value="{if empty($card['color'])}Color010{else}{$card['color']}{/if}"/>
|
||
{ife 'sale.wxcard' $card}
|
||
<a id="selected-color2" class="dropdown-toggle" data-toggle="dropdown"><i {if empty($card['color'])}style=" background-color: rgb(99, 179, 89);"{else}style=" background-color: {$card['color2']};"{/if}></i><span class="caret pull-right"></span></a>
|
||
{else}
|
||
<a class="dropdown-toggle" ><i {if empty($card['color'])}style=" background-color: rgb(99, 179, 89);"{else}style=" background-color: {$card['color2']};"{/if}></i><span class="caret pull-right"></span></a>
|
||
{/if}
|
||
<ul class="dropdown-menu" style="width:180px;">
|
||
<li style="display:inline-block;">
|
||
<div id="colorpalette3"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!--特权说明-->
|
||
<div class="control-group">
|
||
<div class="frm_label pull-left">
|
||
特权说明<span style="color: red;">*</span>
|
||
</div>
|
||
{ifp 'member.card'}
|
||
<div class="input-group">
|
||
<textarea name="prerogative" rows="5" cols="50">{$card['prerogative']}</textarea>
|
||
</div>
|
||
{else}
|
||
<div class='form-control-static'>{$card['prerogative']}</div>
|
||
{/if}
|
||
<p class='card_tip'>文本长度不能超过300字</p>
|
||
</div>
|
||
|
||
<!--使用须知-->
|
||
<div class="control-group">
|
||
<div class="frm_label pull-left">
|
||
使用须知<span style="color: red;">*</span>
|
||
</div>
|
||
{ifp 'member.card'}
|
||
<div class="input-group">
|
||
<textarea name="card_description" rows="5" cols="50">{$card['card_description']}</textarea>
|
||
</div>
|
||
{else}
|
||
<div class='form-control-static'>{$card['card_description']}</div>
|
||
{/if}
|
||
<p class='card_tip'>文本长度不能超过300字</p>
|
||
</div>
|
||
|
||
<!--商户服务-->
|
||
<div class="control-group">
|
||
<div class="frm_label pull-left">
|
||
商户服务
|
||
</div>
|
||
{ifp 'member.card'}
|
||
<div class="frm_controls">
|
||
<div class="con-label">
|
||
<!--BIZ_SERVICE_FREE_WIFI-->
|
||
<input type="checkbox" name="freewifi" id="freewifi" {if !empty($card['freewifi'])}checked{/if} {if !empty($card)}disabled{/if} / >免费WIFI
|
||
</div>
|
||
<div class="con-label">
|
||
<!--BIZ_SERVICE_WITH_PET-->
|
||
<input type="checkbox" name="withpet" id="withpet" {if !empty($card['withpet'])}checked{/if} {if !empty($card)}disabled{/if} />可带宠物</div>
|
||
<div class="con-label">
|
||
<!--BIZ_SERVICE_FREE_PARK-->
|
||
<input type="checkbox" name="freepark" id="freepark" {if !empty($card['freepark'])}checked{/if} {if !empty($card)}disabled{/if} / >免费停车</div>
|
||
<div class="con-label">
|
||
<!--BIZ_SERVICE_DELIVER-->
|
||
<input type="checkbox" name="deliver" id="deliver" {if !empty($card['deliver'])}checked{/if} {if !empty($card)}disabled{/if} / >可外卖</div>
|
||
</div>
|
||
<p class='card_tip'>会员卡商户服务创建后无法修改</p>
|
||
{else}
|
||
<div class='frm_controls'>
|
||
{if !empty($card['freewifi'])}免费WIFI {/if}
|
||
{if !empty($card['withpet'])}可带宠物{/if}
|
||
{if !empty($card['freepark'])}免费停车{/if}
|
||
{if !empty($card['deliver'])}可外卖{/if}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
|
||
<!--是否自定义入口-->
|
||
<div class="control-group">
|
||
<div class="frm_label pull-left">
|
||
开启自定入口
|
||
</div>
|
||
{ifp 'member.card'}
|
||
<div class="frm_controls">
|
||
<input type="radio" name="custom_cell1" value="0" onclick="$('.custom_cell1').hide();$('#show_custom_cell1').hide();" {if empty($card['custom_cell1'])}checked="true"{/if} />
|
||
<span>关闭</span>
|
||
</div>
|
||
<div class="frm_controls">
|
||
<input type="radio" name="custom_cell1" value="1" onclick="$('.custom_cell1').show();$('#show_custom_cell1').show();" {if !empty($card['custom_cell1'])}checked="true"{/if} />
|
||
<span>开启</span>
|
||
</div>
|
||
{else}
|
||
<input type="hidden" name="custom_cell1" value="{$card['custom_cell1']}">
|
||
<div class='frm_controls'>
|
||
{if empty($card['custom_cell1'])}
|
||
关闭
|
||
{else}
|
||
开启
|
||
{/if}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
|
||
<!--入口名称-->
|
||
<div class="control-group custom_cell1" {if empty($card['custom_cell1'])} style="display:none;"{/if}>
|
||
<div class="frm_label pull-left">
|
||
入口名称
|
||
</div>
|
||
<div class="frm_controls">
|
||
{ifp 'member.card'}
|
||
<input type="text" name="custom_cell1_name" id="custom_cell1_name" class="input" value="{$card['custom_cell1_name']}" />
|
||
{else}
|
||
{$card['custom_cell1_name']}
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
<!--引导语-->
|
||
<div class="control-group custom_cell1" {if empty($card['custom_cell1'])} style="display:none;"{/if}>
|
||
<div class="frm_label pull-left">
|
||
引导语
|
||
</div>
|
||
<div class="frm_controls">
|
||
{ifp 'member.card'}
|
||
<input type="text" name="custom_cell1_tips" id="custom_cell1_tips" class="input" value="{$card['custom_cell1_tips']}" />
|
||
{else}
|
||
{$card['custom_cell1_tips']}
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
<!--入口跳转链接-->
|
||
<div class="control-group custom_cell1" {if empty($card['custom_cell1'])} style="display:none;"{/if}>
|
||
<div class="frm_label pull-left">
|
||
入口跳转链接
|
||
</div>
|
||
<div class="frm_controls">
|
||
{ifp 'member.card'}
|
||
<input type="text" name="custom_cell1_url" id="custom_cell1_url" class="input" value="{$card['custom_cell1_url']}" />
|
||
<span data-input="#custom_cell1_url" data-toggle="selectUrl" class="btn btn-default" data-full="true">选择链接</span>
|
||
{else}
|
||
{$card['custom_cell1_url']}
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class='panel-body' style="text-align: right;">
|
||
<a class="btn btn-default btn-sm" href="{php echo webUrl('member.card')}">返回</a>
|
||
{ifp 'member.card.add|member.card.edit'}
|
||
<input type="submit" value="提交" class="btn btn-primary"/>
|
||
{else}
|
||
{$card['custom_cell1_url']}
|
||
{/if}
|
||
</div>
|
||
</form>
|
||
<script type="text/javascript" src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/js/app/biz/sale/wxcard/colorpalette.js" charset="utf-8"></script>
|
||
|
||
<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}
|
||
|
||
|
||
$('#colorpalette3').colorPalette()
|
||
.on('selectColor', function (e) {
|
||
$('#selected-color2 i').css('background-color', e.color);
|
||
$(".btn-color-down").hide();
|
||
$(".logo-area").css({
|
||
"background":e.color
|
||
});
|
||
|
||
$('#color2').val(e.color);
|
||
});
|
||
|
||
$(".btn-color-drop").off("click").on("click", function () {
|
||
if ($(".btn-color-down").css("display") == "block") {
|
||
$(".btn-color-down").hide();
|
||
} else {
|
||
$(".btn-color-down").show();
|
||
}
|
||
})
|
||
|
||
require(['jquery', 'util'], function ($, util) {
|
||
//示例图logo控制
|
||
$('#uploadlogo').click(function () {
|
||
util.image('', function (data) {
|
||
$("#showlogo").attr('src', data.url);
|
||
$("#showlogo").show();
|
||
$("#card_logoimg").val(data.url);
|
||
$("#card_logolocalpath").val(data.attachment);
|
||
|
||
$("#logoimg").attr('src', data.url);
|
||
|
||
});
|
||
});
|
||
|
||
//示例图封面图片控制
|
||
$('#uploadbackground').click(function () {
|
||
util.image('', function (data) {
|
||
$("#showbackground").attr('src', data.url);
|
||
$("#showbackground").show();
|
||
$("#card_backgroundimg").val(data.url);
|
||
$("#card_backgroundimg_localpath").val(data.attachment);
|
||
|
||
|
||
$(".logo-area").css({
|
||
"background":"url("+data.url+") no-repeat left top",
|
||
"background-size":"100% 100%",
|
||
});
|
||
|
||
});
|
||
});
|
||
|
||
//示例图自定义入口1文本控制
|
||
$('#custom_cell1_name').change(function(){
|
||
|
||
var str = $(this).val();
|
||
|
||
if(str=="")
|
||
{
|
||
str="自定义入口1(选填)";
|
||
}
|
||
|
||
$('#show_custom_cell1_name').html(str);
|
||
});
|
||
//示例图自定义入口1引导文本控制
|
||
$('#custom_cell1_tips').change(function(){
|
||
$('#show_custom_cell1_tips').html($(this).val());
|
||
});
|
||
//示例图自定义入口1引导文本控制
|
||
$('#card_title').change(function(){
|
||
$('#title').html($(this).val());
|
||
});
|
||
|
||
//示例图自定义入口1引导文本控制
|
||
$('#card_brand_name').change(function(){
|
||
$('#brandname').html($(this).val());
|
||
});
|
||
|
||
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
{template '_footer'}
|