jh-admin/addon/saas/shop/view/site/addsite.html

288 lines
12 KiB
HTML

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
.manage-select {
position: absolute;
top: 135px;
}
.layui-btn-primary{height: 32px; line-height: 32px; position: absolute; right: 1px; top: 1px; border-width: 0; border-left-width: 1px;}
.layui-unselect.layui-form-radio.layui-form-radioed i:after{
width: 0px;
height: 0px;
}
</style>
{/block}
{block name="main"}
<div class="layui-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"><span class="required">*</span>登录用户名:</label>
<div class="layui-input-block">
<input type="text" name="username" autocomplete="off" lay-verify="required" {if ($reg_info)} readonly {/if} value="{$reg_info.username??''}" class="layui-input len-mid">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>登录密码:</label>
<div class="layui-input-block">
<input type="password" name="password" lay-verify="required" autocomplete="off" class="layui-input len-mid">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">主管经理:</label>
<div class="layui-input-inline">
<input type="hidden" name="manage_id">
<input type="text" name="manage_name" disabled class="layui-input len-mid">
</div>
<button class="layui-btn layui-btn1" onclick="addManage()">主管</button>
</div>
<div class="word-aux">业务经理服务商家,根据商家业务提成</div>
<div class="layui-form-item">
<label class="layui-form-label">分佣比例:</label>
<div class="layui-input-block">
<input type="text" value="0" name="fee_commission" autocomplete="off" class="layui-input len-mid">
</div>
<div class="word-aux">
<p>如佣金分账佣金0,系统将根据套餐规则执行</p>
<p style="color: red">当前平台固定佣金比例{$agInfo.platform_commission_rate}% 佣金总例为:平台+渠道</p>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>开店套餐</label>
<div class="layui-input-block len-mid">
<select name="group_id" lay-verify="required">
<option value="">选择开店套餐</option>
{volist name="$group_info" id="group"}
<option value="{$group.group_id}">{$group.group_name}</option>
{/volist}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>经营所在地址:</label>
<div class="layui-input-inline len-mid area-select">
<select name="province_id" lay-filter="province_id" lay-verify="province_id">
<option value="">请选择省份</option>
{foreach $province_list as $k => $v}
<option value="{$v.id}">{$v.name}</option>
{/foreach}
</select>
</div>
<div class="layui-input-inline len-mid area-select">
<select name="city_id" lay-filter="city_id" lay-verify="city_id">
<option value="">请选择城市</option>
</select>
</div>
<div class="layui-input-inline len-mid area-select">
<select name="district_id" lay-filter="district_id" lay-verify="district_id">
<option value="">请选择区/县</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>地址:</label>
<div class="layui-input-block">
<input type="text" name="address" placeholder="请填写的具体地址" lay-verify="required" autocomplete="off" class="layui-input len-long address-content" value="">
</div>
<div class="word-aux">请填写具体经营地址</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>联系人:</label>
<div class="layui-input-block">
<input type="text" name="contacts_name" value="{$reg_info.contacts_name??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>联系电话:</label>
<div class="layui-input-block">
<input type="text" name="contacts_mobile" value="{$reg_info.contacts_mobile??''}" lay-verify="required|phone" autocomplete="off" class="layui-input len-long">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>试用时间:</label>
<div class="layui-input-block">
<div class="layui-input-inline">
<input type="number" value="7" readonly name="expire_time" autocomplete="off" class="layui-input len-mid">
</div>
<button class="layui-btn" type="button" onclick="datePick(3, this)">3天</button>
<button class="layui-btn" type="button" onclick="datePick(7, this)">7天</button>
<button class="layui-btn" type="button" onclick="datePick(15, this)">15天</button>
{if $agent_type != 'Sitefee'}
<button class="layui-btn bg-color" type="button" onclick="datePick(0, this)">正式用户</button>
{/if}
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否待营运:</label>
<div class="layui-input-block">
<input type="radio" name="is_operated" value="0" title="商家自营" checked >
<input type="radio" name="is_operated" value="1" title="服务商代营" >
</div>
<div class="word-aux">
<p>商家自营:服务佣金按照独立设置或套餐佣金比例</p>
<p>服务商代营:代运模式下,可以根据商家产品设定专属佣金比例</p>
</div>
</div>
</div>
<div class="form-row">
<button class="layui-btn bg-color" lay-submit lay-filter="save">保存</button>
<button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
</div>
</div>
{/block}
{block name="script"}
<script type="text/html" id="addManage">
<div class="layui-form">
<div class="layui-input-inline">
<input type="text" name="keyword_search" placeholder="请输入主管名称" autocomplete="off" class="layui-input len-long">
<button type="button" class="layui-btn layui-btn-primary manage-select" lay-filter="search" lay-submit>
<i class="layui-icon"></i>
</button>
</div>
<table id="manage_list" lay-filter="manage_list"></table>
</div>
</script>
<script type="text/javascript" src="SHOP_JS/address.js"></script>
<script>
layui.use(['form', 'laytpl','table','laypage'], function () {
laytpl = layui.laytpl;
form = layui.form;
laypage = layui.laypage;
table = layui.table;
repeat_flag = false;
form.render();
/**
* 监听提交
*/
form.on('submit(save)', function (data) {
if (repeat_flag) return;
repeat_flag = true;
var full_address = [];
full_address.push($("select[name=province_id] option:selected").text());
full_address.push($("select[name=city_id] option:selected").text());
full_address.push($("select[name=district_id] option:selected").text());
data.field.full_address = full_address.toString();
$.ajax({
dataType: 'JSON',
type: 'POST',
url: ns.url("saas://shop/site/addSite"),
data: data.field,
success: function (res) {
if (res.code == 0) {
layer.confirm('添加成功', {
title: '操作提示',
btn: ['确定'],
yes: function () {
location.href = ns.url("saas://shop/site/lists")
}
})
} else {
repeat_flag = false;
layer.msg(res.message);
}
}
});
});
});
var add_attr_radioState = 0;
var add_attr_radioState2 = 0;
function addManage() {
var add_attr = $("#addManage").html();
let _this = this;
form.on('radio(layfenxiaoid)', function(obj){
new_fenxiao_id = obj.value;
_this.add_attr_radioState = obj.value;
var _title = ($(this).data('index'));
$("input[name=manage_id]").val(obj.value);
$("input[name=manage_name]").val(_title);
});
laytpl(add_attr).render({}, function(html) {
add_attr_index = layer.open({
title: '选择主管',
skin: 'layer-tips-class',
type: 1,
area: ['1000px', '650px'],
content: html,
btn:["保存","返回"],
yes: function(){
layer.close(add_attr_index);
}
});
});
//展示已知数据
table = new Table({
elem: '#manage_list',
url: ns.url("saas://shop/manage/lists"),
cols: [
[{
width: "20%",
title: '主管选择',
unresize: 'false',
templet: function(data) {
var html = '';
if(data.id == Number(add_attr_radioState)){
html += `
<div class="lay-ignore">
<input type="radio" name="layTableRadioc" checked = true value="${data.id}" data-index="${data.real_name}" lay-type="layTableRadio" lay-filter="layfenxiaoid">
</div>
`;
}else{
html += `
<div class="lay-ignore">
<input type="radio" name="layTableRadioc" value="${data.id}" data-index="${data.real_name}" lay-type="layTableRadio" lay-filter="layfenxiaoid">
</div>
`;
}
return html;
}
}, {
title: '主管姓名',
width: '30%',
unresize: 'false',
field: 'real_name',
}, {
field: 'level_name',
title: '等级',
unresize: 'false',
width: '20%',
},
]
],
});
/**
* 搜索功能
*/
form.on('submit(search)', function (data) {
table.reload({
page: {
curr: 1
},
where: data.field
});
});
$(document).keydown(function (event) {
if (event.keyCode == 13) {
$(".manage-search").trigger("click");
}
});
console.log(252222222)
}
function datePick(date_num,event_obj){
$(".date-picker-btn").removeClass("selected");
$(event_obj).addClass('selected');
$("input[name=expire_time]").val(date_num);
}
function back() {
location.href = ns.url("saas://shop/site/lists")
}
</script>
{/block}