jh-admin/addon/saas/shop/view/pay/alipay.html

528 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
.len-input {
width: 100%;
max-width: 120px;
}
.layui-form-item .layui-input-inline.end-time {
float: none;
}
.desc {
margin-bottom: 15px;
border: 1px dashed #ff8143;
padding: 5px 10px;
background: #fff0e9;
color: #ff8143;
width: 65%;
}
.goods-title {
display: flex;
align-items: center;
}
.goods-title .goods-img {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
margin-right: 5px;
}
.goods-title .goods-img img {
max-height: 100%;
max-width: 100%;
}
.goods-title .goods-name {
flex: 1;
line-height: 1.6;
}
.form-wrap {
position: relative;
}
.layui-carousel {
position: absolute;
top: 15px;
left: 1325px;
background: #fff;
}
.goods_num {
padding-left: 20px;
}
.member-select {
position: absolute;
left: 400px;
top: 175px;
}
.member-select-add{
border:1px solid #ff6a00;
padding: 5px 10px;
}
.layui-unselect.layui-form-radio.layui-form-radioed i:after {
background-color: #fff;
}
.layui-table-body {
max-height: 530px;
}
.inline{width: 205px;}
.layui-input{width: 205px;}
.layui-btn-primary{height: 32px; line-height: 32px; position: absolute; right: 1px; top: 1px; border-width: 0; border-left-width: 1px;}
</style>
{/block}
{block name="main"}
<div class="layui-form form-wrap" lay-filter="areaform">
<div class="layui-card card-common card-brief">
{include file="addon/saas/shop/view/site/selectSite.html" /}
</div>
<div class="layui-card card-common card-brief">
<div class="layui-card-header">
<div>
<span class="card-title">支付资料</span>
</div>
</div>
<div class="layui-card-body">
<div class="layui-form-item">
<label class="layui-form-label">执照类型</label>
<div class="layui-input-block sm">
<input type="radio" name="code_type" value="individual" title="个体营业执照" {if isset($info.code_type) && $info.code_type =='individual'} checked {/if}>
<input type="radio" name="code_type" value="enterprise" title="企业公司营业执照" {if isset($info.code_type) && $info.code_type =='enterprise'} checked {/if}>
</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="cert_name" value="{$info.cert_name??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
</div>
<div class="word-aux">
<p>企业全称,营业执照全称,个体户结算到法人支付宝填写法人名称</p>
</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="legal_name" value="{$info.legal_name??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
</div>
<div class="word-aux">
<p>法人名称</p>
</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="legal_cert_no" value="{$info.legal_cert_no??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
</div>
<div class="word-aux">
<p>法人身份证号码</p>
</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="alias_name" value="{$info.alias_name??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
</div>
<div class="word-aux">
<p>填写商家收款中显示的商户简称</p>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>支付宝结算账号:</label>
<div class="layui-input-block">
<input type="hidden" name="business_code" value="{$info.business_code??''}">
<input type="text" name="binding_alipay_logon_id" value="{$info.binding_alipay_logon_id??''}" lay-verify="required" autocomplete="off"
class="layui-input len-long" maxlength="40">
</div>
<div class="word-aux">
<p>填写商家支付宝账号,填写唯一邮箱账号,请让商户注册支付宝并完成实名认证</p>
</div>
</div>
<div class="layui-form-item">
<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="code" lay-filter="alipay_category" lay-verify="required" >
<option value="{$info.code??''}">请选择类别</option>
{foreach $alipay_category as $k => $v}
<option value="{$k}" {notempty name="$info.code"} {if $info.code==$k} selected{/if} {/notempty}>{$k}</option>
{/foreach}
</select>
</div>
<div class="layui-input-inline ns-len-mid area-select">
<select name="mcc" lay-filter="mcc" lay-filter="mccCode" lay-verify="required" >
{notempty name="$info.mcc"}
<option value="{$info.mcc??''}">{$info.mcc??''}</option>
{/notempty}
<option value="">请选二级分类</option>
</select>
</div>
</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="service_phone" value="{$info.service_phone??''}" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="40">
</div>
<div class="word-aux">
<p>填写商家对外客服电话</p>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开启芝麻先享:</label>
<div class="layui-input-block">
<div class="layui-input-inline">
<input type="checkbox" name="is_zmapply" value="1" lay-skin="switch" {if condition="$info && $info.is_zmapply == 1" } checked {/if} />
</div>
</div>
<div class="word-aux">
<p>本地生活芝麻先享,阶段付</p>
<p>小程序已上线及商户号签约完成自动开通阶段付</p>
</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="service_commission" value="{$info.service_commission??'5'}" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="40">
</div>
<div class="word-aux">
<p>先享阶段付服务佣金比例,总佣金=平台+渠道商佣金+交易费+芝麻代扣,如:设置5%,佣金比例{$AgentInfo.platform_offlinecommission_rate}%+交易费0.6%+代扣0.6%+5%</p>
</div>
</div>
</div>
</div>
<div class="layui-card card-common card-brief">
<div class="layui-card-header">
<div>
<span class="card-title">联系人</span>
</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="contact_infos[name]" value="{$info.contact_infos['name']??''}" lay-verify="required" autocomplete="off"
class="layui-input len-long" maxlength="40">
</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="contact_infos[mobile]" value="{$info.contact_infos['mobile']??''}" lay-verify="required" autocomplete="off"
class="layui-input len-long" maxlength="40">
</div>
</div>
</div>
<div class="layui-card card-common card-brief">
<div class="layui-card-header">
<div>
<span class="card-title">开通信息</span>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>开通类型:</label>
<div class="layui-input-block">
<input type="checkbox" name="service[]" value="当面付" title="当面付" lay-skin="primary" checked disabled>
<input type="checkbox" name="service[]" value="jsapi支付" title="jsapi支付" lay-skin="primary" checked disabled>
<input type="checkbox" name="service[]" value="小程序支付" title="小程序支付" lay-skin="primary" checked disabled>
<input type="checkbox" name="service[]" value="商户代扣" title="商户代扣" lay-skin="primary" checked disabled>
<input type="checkbox" name="service[]" value="订单码支付" title="订单码支付" lay-skin="primary" checked disabled>
<input type="checkbox" name="service[]" value="app支付" title="app支付" lay-skin="primary" checked>
<input type="checkbox" name="service[]" value="线上资金预授权" title="线上资金预授权" lay-skin="primary">
<input type="checkbox" name="service[]" value="新当面资金授权" title="新当面资金授权" lay-skin="primary">
<input type="checkbox" name="service[]" value="wap支付" title="wap支付" lay-skin="primary">
<input type="checkbox" name="service[]" value="电脑支付" title="电脑支付" lay-skin="primary">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="required">*</span>小程序名称:</label>
<div class="layui-input-block">
<input type="hidden" name="sites[1][site_type]" value="06">
<input type="text" name="sites[1][site_name]" value="{$info.sites['1']['site_name']??''}" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="40"> </div>
<div class="word-aux">
<p>小程序名称</p>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">APP名称</label>
<div class="layui-input-block">
<input type="hidden" name="sites[0][site_type]" value="02">
<input type="text" name="sites[0][site_name]" value="{$info.sites['0']['site_name']??''}" autocomplete="off" class="layui-input len-long" maxlength="40">
</div>
<div class="word-aux">
<p>APP应用名称</p>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label img-upload-lable"><span class="required">*</span>门头照片:</label>
<div class="layui-input-block img-upload">
<div class="upload-img-block icon">
<div class="upload-img-box {if !empty($info.outdoor_store_images)}hover{/if}" >
<div class="upload-default" id="outdoorStoreUpload">
{if empty($info.outdoor_store_images)}
<div class="upload">
<i class="iconfont iconshangchuan"></i>
<p>点击上传</p>
</div>
{else/}
<div id="preview_outdoorStoreUpload" class="preview_img">
<img layer-src src="{:img($info.outdoor_store_images)}" class="img_prev"/>
</div>
{/if}
</div>
<div class="operation">
<div>
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
<i title="删除图片" class="layui-icon layui-icon-delete js-delete" ></i>
</div>
<div class="replace_img js-replace">点击替换</div>
</div>
<input type="hidden" name="outdoor_store_images" value="{$info.outdoor_store_images??''}">
<input type="hidden" name="out_door_images" value="{$info.out_door_images??''}">
</div>
</div>
</div>
<div class="word-aux">
<p>门店图片在PC及移动端对应页面及列表作为门店标志出现。</p>
<p>建议图片尺寸100 * 100像素图片格式jpg、png、jpeg。</p>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label img-upload-lable"><span class="required">*</span>室内照片:</label>
<div class="layui-input-block img-upload">
<div class="upload-img-block icon">
<div class="upload-img-box {if !empty($info.indoor_store_image)}hover{/if}" >
<div class="upload-default" id="indoorStoreUpload">
{if empty($info.indoor_store_image)}
<div class="upload">
<i class="iconfont iconshangchuan"></i>
<p>点击上传</p>
</div>
{else/}
<div id="preview_indoorStoreUpload" class="preview_img">
<img layer-src src="{:img($info.indoor_store_image)}" class="img_prev"/>
</div>
{/if}
</div>
<div class="operation">
<div>
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
<i title="删除图片" class="layui-icon layui-icon-delete js-delete" ></i>
</div>
<div class="replace_img js-replace">点击替换</div>
</div>
<input type="hidden" name="indoor_store_image" value="{$info.indoor_store_image??''}">
<input type="hidden" name="in_door_images" value="{$info.in_door_images??''}">
</div>
</div>
</div>
<div class="word-aux">
<p>门店图片在PC及移动端对应页面及列表作为门店标志出现。</p>
<p>建议图片尺寸100 * 100像素图片格式jpg、png、jpeg。</p>
</div>
</div>
<div class="layui-form-item">
<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 ns-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 ns-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="business_address[address]" value="{$info.business_address['address']??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
</div>
</div>
</div>
</div>
<div class="form-row">
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
<button class="layui-btn layui-bg-blue" lay-submit lay-filter="saveDrafts">保存草稿箱</button>
<button class="layui-btn " style="background-color: #ccc" onclick="back()">返回</button>
</div>
</div>
{/block}
{block name="script"}
<script type="text/html" id="toolbarOperation">
</script>
<script type="text/html" id="addSite">
<div class="layui-form">
<div class="layui-input-inline inline">
<input type="text" name="site_search" placeholder="请输入店铺名称" autocomplete="off" class="layui-input ">
<button type="button" class="layui-btn layui-btn-primary member-search" lay-filter="search" lay-submit>
<i class="layui-icon"></i>
</button>
</div>
<table id="site_list" lay-filter="site_list"></table>
</div>
</script>
<script type="text/javascript" src="SHOP_JS/address.js"></script>
<script>
var goodsId = {}, selectedGoodsId = [], sku_list = [],form, laydate, repeat_flag, currentDate, minDate,laytpl;
layui.use(['form', 'laydate','laytpl'], function () {
form = layui.form;
laytpl = layui.laytpl;
laydate = layui.laydate;
repeat_flag = false;
currentDate = new Date();
minDate = "";
form.render();
var out_door_images = new Upload({
elem: '#outdoorStoreUpload',
url: ns.url("saas://shop/pay/image")
, callback: function (res) {
console.log(res);
if (res.code >= 0) {
$("input[name='outdoor_store_images']").val(res.data.pic_path);
$("input[name='out_door_images']").val(res.data.image_id);
}
}
});
var in_door_images = new Upload({
elem: '#indoorStoreUpload',
url: ns.url("saas://shop/pay/image")
, callback: function (res) {
console.log(res);
if (res.code >= 0) {
$("input[name='indoor_store_image']").val(res.data.pic_path);
$("input[name='in_door_images']").val(res.data.image_id);
}
}
});
//初始化联系地址
{notempty name="$info['business_address']"}
var initdata = {province_id : '{$info.business_address.province_code}', city_id : '{$info.business_address.city_code}', district_id : '{$info.business_address.district_code}'};
initAddress(initdata, "areaform");
{/notempty}
//省 - 监听地址操作
form.on('select(alipay_category)', function (obj) {
let value = obj.value;
$.ajax({
type: "POST",
dataType: 'JSON',
url: ns.url("saas://shop/alipay/getalicategory"),
data: {name: value},
async: false,
success: function (res) {
console.log(res);
if (res.code == 0) {
$("select[name=mcc] option:gt(0)").remove();
$.each(res.data, function (name, value) {
$("select[name=mcc]").append("<option value='" + value.code + "'>" + value.two_name + "</option>");
});
} else {
layer.msg(res.message);
}
form.render();
}
});
});
//省 - 监听地址操作
form.on('select(mccCode)', function (obj) {
let value = obj.value;
console.log(obj)
});
/**
* 表单验证
*/
form.verify({
mccCode:function () {
}
});
/**
* 监听提交
*/
form.on('submit(save)', function (data) {
var field = data.field;
if (repeat_flag) return;
repeat_flag = true;
field['isDrafts'] = 0;
$.ajax({
type: 'POST',
dataType: 'JSON',
url: location.href,
data: field,
async: false,
success: function (res) {
console.log(res)
repeat_flag = false;
if (res.code == 0) {
layer.confirm('添加成功', {
title: '操作提示',
btn: ['返回列表', '继续添加'],
closeBtn: 0,
yes: function () {
location.href = ns.url("saas://shop/pay/lists");
},
btn2: function () {
location.href = ns.url("saas://shop/pay/reg");
}
});
} else {
layer.msg(res.message);
}
}
})
});
form.on('submit(saveDrafts)', function (data) {
var field = data.field;
field['isDrafts'] = 1;
if (repeat_flag) return;
repeat_flag = true;
$.ajax({
type: 'POST',
dataType: 'JSON',
url: location.href,
data: field,
async: false,
success: function (res) {
repeat_flag = false;
if (res.code == 0) {
layer.confirm('添加成功', {
title: '操作提示',
btn: ['返回列表', '继续添加'],
closeBtn: 0,
yes: function () {
location.href = ns.url("saas://shop/pay/lists");
},
btn2: function () {
location.href = ns.url("saas://shop/pay/reg");
}
});
} else {
layer.msg(res.message);
}
}
})
});
});
function back() {
location.href = ns.url("saas://shop/pay/lists");
};
</script>
{/block}