256 lines
12 KiB
HTML
256 lines
12 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
|
{block name="resources"}
|
|
<style>
|
|
.input-text span {
|
|
margin-right: 15px;
|
|
}
|
|
.form-wrap {
|
|
margin-top: 0;
|
|
}
|
|
/* 关联会员 */
|
|
.search-result { border: 1px solid; padding: 15px 30px 15px 15px; display: flex; align-items: center; position: relative;margin-top:10px;border-color: #e5e5e5 !important; }
|
|
.search-res-img { width: 50px; height: 50px; margin-right: 5px; text-align: center; line-height: 50px; }
|
|
.search-res-img img { max-width: 100%; max-height: 100%; }
|
|
.search-res-intro p { line-height: 24px; }
|
|
.search-res-close { position: absolute; top: 5px; right: 5px; }
|
|
.check-member .layui-btn {position: absolute;top: 1px;border-color: #e5e5e5;padding: 0 10px;border-right: 0;border-top: 0;border-bottom: 0;left: 207px;height: 32px;}
|
|
.check-admin .layui-btn {position: absolute;top: 2px;border-color: #e5e5e5;padding: 0 10px;border-right: 0;border-top: 0;border-bottom: 0;left: 207px;height: 31px;}
|
|
.layui-input-block {overflow: hidden;}
|
|
</style>
|
|
{/block}
|
|
{block name="main"}
|
|
<div class="layui-form form-wrap" lay-filter="form">
|
|
<div class="layui-card card-common card-brief">
|
|
<div class="layui-card-header">
|
|
<span class="card-title">分账接受账号</span>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">收单账户</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="channel_type" lay-filter="channel_type" value="member" title="会员余额" checked>
|
|
<input type="radio" name="channel_type" lay-filter="channel_type" value="aliapp" title="支付宝" >
|
|
<input type="radio" name="channel_type" lay-filter="channel_type" value="wechat" title="微信商户">
|
|
<input type="radio" name="channel_type" lay-filter="channel_type" value="cypay" title="畅捷支付">
|
|
</div>
|
|
</div>
|
|
<div class="word-aux">
|
|
<p>分账能力是指用户使用</p>
|
|
<p>微信商户仅支持商户商户MerchantID</p>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">分红类型</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="bonus_type" value="platform" title="平台股东" checked>
|
|
<input type="radio" name="bonus_type" value="cooperate" title="合作商" >
|
|
<input type="radio" name="bonus_type" value="store" title="门店股东" >
|
|
</div>
|
|
<div class="word-aux">
|
|
<p>门店股东:所属门店关联门店股东身份可参与当前门店分红</p>
|
|
<p>平台股东：平台任意交易订单股东都可以参与分红</p>
|
|
</div>
|
|
</div>
|
|
<div id="personal_type" style="display:none">
|
|
<div class="layui-form-item" >
|
|
<label class="layui-form-label">收账类型：</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="account_type" lay-filter="personal_type" value="MERCHANT_ID" title="商户号" checked>
|
|
<input type="radio" name="account_type" lay-filter="personal_type" value="PERSONAL_OPENID" title="直连会员OPIENID">
|
|
</div>
|
|
</div>
|
|
<p class="word-aux">会员分账请选择关联微信粉丝信息</p>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>商户名称(实名)</label>
|
|
<div class="layui-input-block">
|
|
<input name="realname" lay-verify="required" type="text" value="" class="layui-input len-long">
|
|
</div>
|
|
<div class="word-aux">
|
|
<p>本站会员请填写真实名称</p>
|
|
<p>支付宝商户名,个人填写真实姓名和企业全程</p>
|
|
<p>微信商户仅支持商户商户MerchantID</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>账号：</label>
|
|
<div class="layui-input-block">
|
|
<input name="account" id="account" lay-verify="required" type="text" value="" class="layui-input len-long">
|
|
</div>
|
|
<div class="word-aux">
|
|
<p>会员余额:本站会员请下方搜索关联会员账号</p>
|
|
<p>支付宝收款:支付宝[2088开头PID]</p>
|
|
<p>微信收款:微信商户支持商户商户ID,会员OPENID</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>分佣比例</label>
|
|
<div class="layui-input-block">
|
|
<input name="divide_rate" lay-verify="required" type="number" value="" class="layui-input len-long">
|
|
</div>
|
|
<div class="word-aux">
|
|
<p>用户按照支付订单金额分账比例进行分账</p>
|
|
<p style="color:red;">请确认商户支付分账能力,如未开通返账能,会导致用户支付异常</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">计价方式：</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="commission_type" lay-filter="commission_type" value="cost" title="销售价计价" checked>
|
|
<input type="radio" name="commission_type" lay-filter="commission_type" value="fixfee" title="固定金额">
|
|
<!-- <input type="radio" name="commission_type" lay-filter="commission_type" value="fixation" title="额度利润">-->
|
|
<input type="radio" name="commission_type" lay-filter="commission_type" value="sale" title="成本价计价">
|
|
</div>
|
|
<div class="word-aux">
|
|
<p>销售价：根据订单支付价计算分红基数</p>
|
|
<p>固定金额：根据不管产品销售多价格都按次定金额计算分红基数</p>
|
|
<p>额度利润：根据产品设定的固定利率计算分红基数</p>
|
|
<p>成本价：根据产品成本价计算分红基数</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" >
|
|
<label class="layui-form-label">关联前台会员：</label>
|
|
<div class="layui-input-block check-member">
|
|
<input type="text" id="search_text" name="search_text" placeholder="请输入用户名或手机" class="layui-input len-mid member-name" lay-verify='search_text'>
|
|
<button type="button" class="layui-btn layui-btn-primary " onclick="checkMember()">
|
|
<i class="layui-icon"></i>
|
|
</button>
|
|
<input type="hidden" id="member_id" name="member_id" lay-verify='member_id'/>
|
|
</div>
|
|
<p class="word-aux">关联会员后会员可在手机上查看分账信息</p>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">标签：</label>
|
|
<div class="layui-input-block">
|
|
<textarea name="reason" class="layui-textarea len-long" maxlength="150"></textarea>
|
|
</div>
|
|
<p class="word-aux">请填写备注信息:如门店股东、平台股东</p>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
|
<button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
|
|
</div>
|
|
</div>
|
|
{/block}
|
|
{block name="script"}
|
|
<script>
|
|
var personal_type='',channel_type='member'
|
|
layui.use('form', function () {
|
|
var form = layui.form;
|
|
var repeat_flag = false; //防重复标识
|
|
form.render();
|
|
/**
|
|
* 监听提交
|
|
*/
|
|
form.on('submit(save)', function (data) {
|
|
if (repeat_flag) return false;
|
|
repeat_flag = true;
|
|
if(channel_type=='member'&&data.field.member_id==''){
|
|
layer.msg('请选择关联会员');
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url: ns.url("dividemoney://shop/account/add"),
|
|
data: data.field,
|
|
dataType: 'JSON',
|
|
type: 'POST',
|
|
success: function (res) {
|
|
repeat_flag = false;
|
|
layer.msg(res.message);
|
|
}
|
|
});
|
|
});
|
|
form.on('radio(channel_type)', function (data) {
|
|
channel_type = data.value;
|
|
if (data.value == 'aliapp'||data.value == 'cypay') {
|
|
$('#personal_type').hide();
|
|
} else {
|
|
$('#personal_type').show();
|
|
}
|
|
});
|
|
form.on('radio(personal_type)', function (data) {
|
|
if (data.value == 'PERSONAL_OPENID') {
|
|
personal_type='PERSONAL_OPENID';
|
|
console.log(personal_type);
|
|
$('#member_id').attr('lay-verify', 'required');
|
|
// $('#account').attr('lay-verify', '');
|
|
$('#account').prop('readonly', true);
|
|
$("input[name='account']").val('');
|
|
} else {
|
|
personal_type='';
|
|
$('#member_id').attr('lay-verify', '');
|
|
// $('#account').attr('lay-verify', 'required');
|
|
$('#account').prop('readonly', false);
|
|
}
|
|
});
|
|
});
|
|
$('.check-member .layui-input').focus(function (){
|
|
$(this).next('.layui-btn').addClass('border-color');
|
|
}).blur(function () {
|
|
$(this).next('.layui-btn').removeClass('border-color');
|
|
})
|
|
/**
|
|
* 点击搜索
|
|
*/
|
|
var repeat_flag_member = false;
|
|
var html, val;
|
|
function checkMember() {
|
|
var parent = $(".check-member");
|
|
var con = parent.find(".member-name").val();
|
|
$(".layui-word-aux").remove();
|
|
$(".search-result").remove();
|
|
if (repeat_flag_member) return false;
|
|
repeat_flag_member = true;
|
|
if (con == "" || con == null || con.trim() == "") {
|
|
repeat_flag = false;
|
|
} else {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: ns.url("shop/verify/searchMember"),
|
|
data: {
|
|
'search_text': con
|
|
},
|
|
dataType: 'JSON',
|
|
success: function(res) {
|
|
console.log(res);
|
|
repeat_flag_member = false;
|
|
if (res.data == null) {
|
|
html = '<span class="layui-word-aux">未找到该用户</span>';
|
|
val = res.data;
|
|
} else {
|
|
html = '<div class="search-result layui-input-inline">' +
|
|
'<div class="search-res-img">' +
|
|
'<img src="' + ( res.data.headimg ? ns.img(res.data.headimg) : ns.img("{$default_headimg}")) + '" />' +
|
|
'</div>' +
|
|
'<div class="search-res-intro">' +
|
|
'<p>用户名：' + res.data.username + '</p>' +
|
|
'<p>电话：' + res.data.mobile + '</p>' +
|
|
'</div>' +
|
|
'<div class="search-res-close" onclick="closeMember()">' +
|
|
'<i class="iconfont iconclose_light"></i>' +
|
|
'</div>' +
|
|
'</div>';
|
|
val = res.data.member_id;
|
|
}
|
|
$("input[name='member_id']").attr("value", val);
|
|
if(personal_type=='PERSONAL_OPENID'){
|
|
console.log(res.data.weapp_openid);
|
|
$("input[name='account']").val(res.data.weapp_openid || res.data.wx_openid);
|
|
}
|
|
if(channel_type=='member'){
|
|
$("input[name='account']").val(val);
|
|
}
|
|
$(".check-member").append(html);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
function closeMember() {
|
|
$(".search-result").hide();
|
|
}
|
|
|
|
function back(){
|
|
location.href = ns.url("dividemoney://dividemoney/shop/account/list");
|
|
}
|
|
</script>
|
|
{/block}
|