文件
mashangyoujiu/Application/Agent/View/Merchant/addMerchant.html

586 行
28 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<!--[1.9.8]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
<style>
.layui-word-aux {
margin-left: 110px;
}
.default_img {
width: 150px;
border: 1px solid #ddd;
min-height: 100px;
}
.default_img_box {
padding: 10px 0px;
}
select {
border-color: #e6e6e6;
}
.layui-form-label {
width: 130px;
}
.weili_erp {
display: none;
}
</style>
</head>
<body>
<div style="padding: 30px;">
<form class="layui-form" action="">
<input type="hidden" id="id" value="{$cache.id}" name="id">
<div class="layui-form-item">
<label class="layui-form-label">商户名称</label>
<div class="layui-input-inline">
<input type="text" name="name" value="{$cache.name}" id="merchant_name" required
lay-verify="required" placeholder="请输入商户名称" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">登陆账号</label>
<div class="layui-input-inline">
<input type="text" value="{$cache.mobile}" name="mobile" id="mobile" required lay-verify="required"
placeholder="请输入商户手机号" autocomplete="off" class="layui-input">
</div>
</div>
<empty name="cache">
<div class="layui-form-item">
<label class="layui-form-label">登陆密码</label>
<div class="layui-input-inline">
<input type="password" name="password" id="password" required lay-verify="required"
placeholder="请输入商户密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">确认密码</label>
<div class="layui-input-inline">
<input type="password" name="conf_password" id="conf_password" required lay-verify="required"
placeholder="确认密码" autocomplete="off" class="layui-input">
</div>
</div>
</empty>
</form>
<div class="layui-form-item">
<label class="layui-form-label">地址</label>
<div class="layui-input-inline" style="max-width: 100px;">
<select id="pro" lay-filter="pro" style="width:100px;height:38px;">
<option value="" style="color: #d2d2d2;">请选择省</option>
<volist name="prov" id="vo">
<option <if condition="$vo['cityid'] eq $cache['province']">selected="selected"</if>
value="{$vo.cityid}">{$vo.city_name}</option>
</volist>
</select>
</div>
<div class="layui-input-inline" style="max-width: 100px;">
<select id="city" lay-filter="city" style="width:100px;height:38px;">
<option value="" style="color: #d2d2d2;">请选择市</option>
</select>
</div>
<div class="layui-input-inline" style="max-width: 100px;">
<select id="area" lay-filter="area" style="width:100px;height:38px;">
<option value="" style="color: #d2d2d2;">请选择县/区</option>
</select>
</div>
</div>
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">详细地址</label>
<div class="layui-input-inline">
<input type="text" name="address" value="{$cache['address']}" id="detail_address" required
lay-verify="required" placeholder="请输入详细地址" autocomplete="off" class="layui-input">
</div>
</div>
<empty name="cache">
<div class="layui-form-item">
<label class="layui-form-label">选择套餐</label>
<div class="layui-input-inline">
<select name="meal" lay-verify="required" id="meal" lay-filter="meal">
<option value="">请选择</option>
<volist name="meal" id="up">
<option value="{$up['id']}" <if condition="$cache['mealid'] eq $up['id']">selected</if>
>{$up['name']})</option>
</volist>
</select>
</div>
</div>
<div class="layui-form-item" id="meal_time_limit" style="display: none">
<label class="layui-form-label">选择时限</label>
<div class="layui-input-inline">
<select name="time_limit" lay-verify="required" id="time_limit" lay-filter="time_limit">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item" id="meal_end_time" style="display: none">
<label class="layui-form-label">过期时间</label>
<div class="layui-input-inline">
<input type="text" value="{$cache.end_time}" name="end_time" id="end_time" required
lay-verify="required" placeholder="请输入结束时间" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">折扣:</label>
<div class="layui-input-inline">
<input type="text" value="{$discount}" name="group" id="group" required
lay-verify="required" disabled="disabled" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">扣除金额:</label>
<div class="layui-input-inline">
<input type="text" value="" name="agentmoney" id="agentmoney" required lay-verify="required"
disabled="disabled" autocomplete="off" class="layui-input">
</div>
</div>
</div>
</empty>
<div <neq name="littlegift" value="1">class="weili_erp"</neq>>
<div class='layui-form-item <notempty name="cache">weili_erp</notempty>'>
<div class="layui-inline">
<label class="layui-form-label">选择商户模式:</label>
<div class="layui-input-inline">
<input type="radio" name="platform_type" value="1" title="系统模式" lay-filter="platform_type"
<neq name="cache.platform_type" value="2">checked</neq>>
<input type="radio" name="platform_type" value="2" title="Q3" lay-filter="platform_type" <eq
name="cache.platform_type" value="2">checked</eq>>
</div>
</div>
</div>
<if condition="!$cache OR ($cache.platform_type eq 2) ">
<div <empty name="cache">class="weili_erp"</empty>>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">第三方平台域名:</label>
<div class="layui-input-inline">
<input type="text" value="{$config.third_domain_url}" name="third_domain_url"
id="third_domain_url" required lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">第三方平台登录账号:</label>
<div class="layui-input-inline">
<input type="text" value="{$config.third_account_number}"" name="
third_account_number" id="third_account_number" required lay-verify="required"
autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">第三方平台登录密码:</label>
<div class="layui-input-inline">
<input type="text" value="{$config.third_password}"" name=" third_password"
id="third_password" required lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
</div>
<foreach name="route_list" item="route" key="index">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">{$route.route_name}:</label>
<div class="layui-input-inline">
<input type="checkbox" disabled name="route" index="{$index}"
route-id="{$route.id}" route-type="{$route.type}"
route-name="{$route.route_name}" route-url="{$route.route_url}"
route-third_id="{$route.third_id}" lay-skin="switch" <eq name="route.status"
value="1">checked
</eq>>
</div>
</div>
</div>
</foreach>
</div>
</if>
</div>
<div class="layui-form-item">
<label class="layui-form-label">支付宝费率</label>
<div class="layui-input-inline">
<input type="text" name="ali_rate" value="{$cache['ali_rate']}" id="ali_rate" required
lay-verify="required" placeholder="支付宝费率设置 区间0.2~0.6" autocomplete="off" class="layui-input">
<p style="color: red;font-size: 12px">百分比</p>
<span style="font-size: 12px">不填则不计算分润</span>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">微信费率</label>
<div class="layui-input-inline">
<input type="text" name="wx_rate" value="{$cache['wx_rate']}" id="wx_rate" required
lay-verify="required" placeholder="微信费率设置 区间0.2~0.6" autocomplete="off" class="layui-input">
<p style="color: red;font-size: 12px">百分比</p>
<span style="font-size: 12px">不填则不计算分润</span>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">新大陆费率</label>
<div class="layui-input-inline">
<input type="text" name="merchant_rate" value="{$cache['merchant_rate']}" id="merchant_rate"
required lay-verify="required" placeholder="新大陆费率设置 区间0.2~0.6" autocomplete="off"
class="layui-input">
<p style="color: red;font-size: 12px">百分比</p>
<span style="font-size: 12px">不填则不计算分润</span>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">云闪付费率</label>
<div class="layui-input-inline">
<input type="text" name="merchant_rate" value="{$cache['union_pay_rate']}" id="union_pay_rate"
required lay-verify="required" placeholder="云闪付费率设置 区间0.2~0.6" autocomplete="off"
class="layui-input">
<p style="color: red;font-size: 12px">百分比</p>
<span style="font-size: 12px">不填则不计算分润</span>
</div>
</div>
<if condition="$agentPlug['happypay']">
<div class="layui-form-item">
<label class="layui-form-label">乐返费率</label>
<div class="layui-input-inline">
<input type="text" name="merchant_rate" value="{$cache['happy_rate']}" id="happy_rate"
required lay-verify="required" placeholder="乐返费率设置 区间0.2~0.6" autocomplete="off"
class="layui-input">
<p style="color: red;font-size: 12px">百分比</p>
<span style="font-size: 12px">不填则不计算分润</span>
</div>
</div>
</if>
<if condition="$agentPlug['lakalapay']">
<div class="layui-form-item">
<label class="layui-form-label">拉卡拉费率</label>
<div class="layui-input-inline">
<input type="text" name="merchant_rate" value="{$cache['lakala_rate']}" id="lakala_rate"
required lay-verify="required" placeholder="拉卡拉费率设置 区间0.2~0.6" autocomplete="off"
class="layui-input">
<p style="color: red;font-size: 12px">百分比</p>
<span style="font-size: 12px">不填则不计算分润</span>
</div>
</div>
</if>
<if condition="$agentPlug['moneyguestpay']">
<div class="layui-form-item">
<label class="layui-form-label">钱客云费率</label>
<div class="layui-input-inline">
<input type="text" name="merchant_rate" value="{$cache['qian_ke_rate']}" id="qian_ke_rate"
required lay-verify="required" placeholder="钱客云费率设置 区间0.2~0.6" autocomplete="off"
class="layui-input">
<p style="color: red;font-size: 12px">百分比</p>
<span style="font-size: 12px">不填则不计算分润</span>
</div>
</div>
</if>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block">
<button class="layui-btn" type="button" id="submit">提交</button>
</div>
</div>
</form>
</div>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
function renderForm() {
layui.use('form', function () {
var form = layui.form;//高版本建议把括号去掉,有的低版本,需要加()
form.render();
});
}
var phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;//手机号
layui.use(['form', 'upload', 'layer', 'laydate'], function () {
var laydate = layui.laydate;
laydate.render({
elem: '#end_time',
done: function (value) {
var meal_id = $('#meal').val();
var time_limit = $("#time_limit").val();
var date = value;
$.ajax({
url: "{:U('meal')}",
type: "post",
data: {time_limit: time_limit, meal_id: meal_id, date: value},
success: function (res) {
if (res.status == 1) {
$('#agentmoney').val(res.agentmoney);
} else {
layer.msg(res.msg, {time: 1000});
}
}
})
}
});
var form = layui.form;
var upload = layui.upload;
var layer = layui.layer;
//执行实例
var uploadInst = upload.render({
elem: '#shopimg' //绑定元素
, url: "{:U('upload')}" //上传接口
, done: function (res) {
//上传完毕回调
if (res.status == 1) {
$('#shopimg_input').attr('src', res.path);
$('#shopimg_img').val(res.path);
} else {
layer.msg(res.msg, {time: 1500});
}
}
, error: function () {
//请求异常回调
}
});
$('#submit').click(function () {
var storetag = $('#merchant_name').val();
var mobile = $('#mobile').val();
var password = $('#password').val();
var conf_password = $('#conf_password').val();
var pro = $('#pro').val();
var city = $('#city').val();
var area = $('#area').val();
var detail_address = $('#detail_address').val();
var meal = $('#meal').val();
var merchant_rate = $('#merchant_rate').val();
var ali_rate = $('#ali_rate').val();
var wx_rate = $('#wx_rate').val();
var time_limit = $("#time_limit").val();
var end_time = $('#end_time').val();
var union_pay_rate = $('#union_pay_rate').val();
var happy_rate = $('#happy_rate').val()
var lakala_rate = $('#lakala_rate').val()
var qian_ke_rate = $('#qian_ke_rate').val()
var platform_type = $('[name="platform_type"]:checked').val();
if (!phone.test(mobile)) {
layer.msg("请输入正确手机号", {time: 1500})
return false
}
<empty name="cache">
if(password!=conf_password){
layer.msg("两次密码输入不一致", {time: 1000});
return;
}
if(!password){
layer.msg("密码不能为空", {time: 1000});
return;
}
if(!meal) {
layer.msg("请选择套餐", {time: 1000});
return;
}
if(!time_limit){
layer.msg("请选择时限", {time: 1000});
return;
}
if(time_limit == 7){
if(!end_time){
layer.msg("请选择自定义过期时间", {time: 1000});
return;
}
}
if(password.length>16){
layer.msg("密码不能大于16位", {time: 1000});
return;
}
if(!newcheckPwd(password)){
layer.msg("密码必须字母,数字,符号", {time: 1000});
return;
}
</empty>
var id = $('#id').val();
const requestData = {
name: storetag,
pro: pro,
city: city,
area: area,
password: password,
end_time: end_time,
mobile: mobile,
address: detail_address,
id: id,
mealid: meal,
time_limit: time_limit,
merchant_rate: merchant_rate,
ali_rate: ali_rate,
wx_rate: wx_rate,
union_pay_rate: union_pay_rate,
happy_rate: happy_rate,
lakala_rate: lakala_rate,
qian_ke_rate:qian_ke_rate
}
if (platform_type && platform_type == 2) {
const littlegift = {
third_domain_url: $('#third_domain_url').val(),
third_account_number: $('#third_account_number').val(),
third_password: $('#third_password').val()
}
const routes = document.querySelectorAll('input[name="route"]')
let route_list = []
if (routes && routes.length > 0) {
routes.forEach(route => {
route_list.push({
id: route.attributes['route-id'].value,
type: route.attributes['route-type'].value,
route_url: route.attributes['route-url'].value,
route_name: route.attributes['route-name'].value,
status: route.checked == true ? 1 : 2,
third_id: route.attributes['route-third_id'].value
})
});
}
Object.assign(requestData, {
platform_type: platform_type,
littlegift: JSON.stringify(littlegift),
route_list: JSON.stringify(route_list)
})
}
if (!mobile || !storetag || !pro || !city || !detail_address) {
layer.msg('请先完善您的商户信息', {time: 2000})
return false;
} else {
$.ajax({
url: "{:U('addMerchant')}",
type: 'post',
data: requestData,
success: function (res) {
if (res.status == 1) {
layer.msg(res.msg, {icon: 1, time: 1200}, function () {
parent.layer.closeAll();
})
} else {
layer.msg(res.msg, {time: 1200})
}
},
error: function (error) {
console.log(error);
}
})
}
})
$('#city').change(function () {
$city = $('#city').val();//这变量是有数据的
if (!$city) {
$city = "{$cache.city}";
}
var check = "{$cache.area}";
$.ajax({
type: "post",
url: "{:U('Area')}",
data: 'city_id=' + $city + "&check=" + check,
dataType: 'json',
success: function (data) {
$('#area').html(data);
}
});
});
function newcheckPwd(pwd) {
var reg = /^[a-zA-Z0-9.+*-/<>?!@#$%^&*():''"";]{1,}$/;
if (!reg.test(pwd)) {
return false;
}
return true;
}
$('#pro').change(function () {
$prov = $('#pro').val();//这变量是有数据的
var check = "{$cache.city}";
$.ajax({
type: "post",
url: "{:U('City')}",
data: 'pro_id=' + $prov + "&check=" + check,
dataType: 'json',
success: function (data) {
$('#city').html(data);
}
});
});
$('#pro').change();
$('#city').change();
form.on('select(meal)', function (data) {
var id = data.value;
$("#meal_end_time").hide();
$('#agentmoney').val("");
if (!id) {
$('#meal_time_limit').hide();
} else {
$('#meal_time_limit').show();
$.ajax({
url: "{:U('timeLimit')}",
type: "post",
data: {id: id},
success: function (res) {
if (res.status == 1) {
$('#time_limit').html("<option value=''>请选择时限</option>");
for (var i = 0; i < res.data.length; i++) {
var child = `<option value="${res.data[i].time_limit}">${res.data[i].time_limit_name}&nbsp;&nbsp;${res.data[i].price}(元)</option>`;
$('#time_limit').append(child);
}
renderForm();
} else {
layer.msg(res.msg, {time: 1500});
}
}
})
}
});
form.on('radio(platform_type)', function (data) {
if (data.value == 2) {
$('.weili_erp').show()
} else {
$('.weili_erp').hide()
}
});
form.on('switch(route)', function (data) {
console.log(data)
});
form.on('select(time_limit)', function (data) {
var time_limit = data.value;
if (!time_limit) {
$('#agentmoney').val("");
return;
}
if (time_limit == 7) {
$('#agentmoney').val("");
$("#end_time").val("");
$("#meal_end_time").show();
return;
}
$("#meal_end_time").hide();
var meal_id = $('#meal').val();
if (time_limit) {
$.ajax({
url: "{:U('meal')}",
type: "post",
data: {time_limit: time_limit, meal_id: meal_id},
success: function (res) {
if (res.status == 1) {
$('#agentmoney').val(res.agentmoney);
}
}
})
}
});
})
</script>
</body>
</html>