You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
509 lines
28 KiB
509 lines
28 KiB
{php include wl_template('common/header');}
|
|
<style>
|
|
.file_button{
|
|
align-items: flex-start;
|
|
background-attachment: scroll;
|
|
background-clip: border-box;
|
|
background-color: rgb(240, 249, 235);
|
|
background-image: none;
|
|
background-origin: padding-box;
|
|
background-position-x: 0%;
|
|
background-position-y: 0%;
|
|
background-repeat-x: ;
|
|
background-repeat-y: ;
|
|
background-size: auto;
|
|
border-bottom-color: rgb(194, 231, 176);
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-image-outset: 0px;
|
|
border-image-repeat: stretch;
|
|
border-image-slice: 100%;
|
|
border-image-source: none;
|
|
border-image-width: 1;
|
|
border-left-color: rgb(194, 231, 176);
|
|
border-left-style: solid;
|
|
border-left-width: 1px;
|
|
border-right-color: rgb(194, 231, 176);
|
|
border-right-style: solid;
|
|
border-right-width: 1px;
|
|
border-top-color: rgb(194, 231, 176);
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
box-sizing: border-box;
|
|
color: rgb(103, 194, 58);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: sans-serif;
|
|
font-size: 12px;
|
|
font-stretch: 100%;
|
|
font-style: normal;
|
|
font-variant-caps: normal;
|
|
font-variant-east-asian: normal;
|
|
font-variant-ligatures: normal;
|
|
font-variant-numeric: normal;
|
|
font-weight: 500;
|
|
height: 32px;
|
|
letter-spacing: normal;
|
|
line-height: 12px;
|
|
margin-bottom: 0px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
margin-top: 0px;
|
|
outline-color: rgb(103, 194, 58);
|
|
outline-style: none;
|
|
outline-width: 0px;
|
|
overflow-x: visible;
|
|
overflow-y: visible;
|
|
padding-bottom: 9px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-top: 9px;
|
|
text-align: center;
|
|
text-indent: 0px;
|
|
text-rendering: auto;
|
|
text-shadow: none;
|
|
nonebutton
|
|
text-size-adjust: 100%;
|
|
text-transform: none;
|
|
nonebutton, select
|
|
nonebutton
|
|
transition-delay: 0s;
|
|
transition-duration: 0.1s;
|
|
transition-property: all;
|
|
transition-timing-function: ease;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
width: 80px;
|
|
word-spacing: 0px;
|
|
writing-mode: horizontal-tb;
|
|
-webkit-appearance: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-image: none;
|
|
}
|
|
textarea{
|
|
resize: none;
|
|
}
|
|
.file_tips{
|
|
color: red;
|
|
position: relative;
|
|
top: 5px;
|
|
font-size: 12px;
|
|
}
|
|
</style>
|
|
<ul class="nav nav-tabs" id="myTab">
|
|
<li class="active"><a href="#tab_basic">添加支付方式</a></li>
|
|
</ul>
|
|
<div class="app-content" id="mainContent">
|
|
<div class="app-form">
|
|
<form action="" method="post" class="form-horizontal form form-validate">
|
|
<div class="alert alert-warning" role="alert">
|
|
支付授权目录：<a href="javascript:;" target="_blank">{$_W['siteroot']}</a>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">添加支付方式</div>
|
|
<div class="panel-body">
|
|
<!--基本信息配置-->
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">支付名称<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.name" required placeholder="请输入支付名称" autocomplete="off" class="form-control" >
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">支付类型<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<label class="radio-inline"><input type="radio" v-model="info.type" value="1">微信支付</label>
|
|
<label class="radio-inline"><input type="radio" v-model="info.type" value="2">支付宝支付</label>
|
|
{if Customized::init('yunmis160') > 0}
|
|
<label class="radio-inline"><input type="radio" v-model="info.type" value="3">云收单</label>
|
|
{/if}
|
|
|
|
</div>
|
|
</div>
|
|
<!--微信支付方式-->
|
|
<span v-if="info.type == 1">
|
|
<div class="form-group" v-if="info.type == 2">
|
|
<label class="col-sm-2 control-label">AppId<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.app_id" required placeholder="请输入appid" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">商户类型<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<label class="radio-inline"><input type="radio" v-model="info.shop_type" value="1">微信支付（您是一般商户）</label>
|
|
<label class="radio-inline"><input type="radio" v-model="info.shop_type" value="2">服务商子商户（您是子商户请选这个）</label>
|
|
</div>
|
|
</div>
|
|
<!--一般商户-->
|
|
<span v-if="info.shop_type == 1">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">商户号<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.shop_number" required placeholder="请输入商户号"
|
|
autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">微信支付密钥<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.secret_key" required placeholder="请输入微信支付密钥"
|
|
autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">cert证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('cert_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.cert_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">key证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('key_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.key_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
{if Customized::init('yuecashback') > 0}
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">订单优惠标记</label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.shop_goods_tag" required placeholder="请输入订单优惠标记"
|
|
autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
</span>
|
|
<!--子商户-->
|
|
<span v-if="info.shop_type == 2">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">服务商微信公众号APPID<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.sub_up_app_id" required placeholder="请输入服务商微信公众号APPID" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户号<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.sub_shop_number" required placeholder="请输入子商户号" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">服务商商户号<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.shop_number" required placeholder="请输入服务商商户号" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">服务商微信支付密钥<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.secret_key" required placeholder="请输入服务商微信支付密钥" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户微信支付密钥<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.sub_secret_key" required placeholder="子商户微信支付密钥" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">商户名称</label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.merchantname" placeholder="商户名称,分账时必须填写" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">服务商cert证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('cert_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.cert_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">服务商key证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('key_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.key_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户cert证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('sub_cert_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.sub_cert_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户key证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('sub_key_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.sub_key_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
<!--子商户企业付款-->
|
|
<!--<span v-if="info.shop_type == 2">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户企业付款<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<label class="radio-inline"><input type="radio" v-model="info.sub_enterprise_payment" value="1">不开启</label>
|
|
<label class="radio-inline"><input type="radio" v-model="info.sub_enterprise_payment" value="2">开启</label>
|
|
</div>
|
|
</div>
|
|
<span v-if="info.sub_enterprise_payment == 2">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户支付秘钥<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.sub_secret_key" required placeholder="请输入子商户支付秘钥" autocomplete="off" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户cert证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('sub_cert_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.sub_cert_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">子商户key证书<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('sub_key_certificate')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.sub_key_certificate">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</span>-->
|
|
</span>
|
|
<!--支付宝支付方式-->
|
|
<span v-if="info.type == 2">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">应用id<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.ali_app_id" required placeholder="请输入应用id" autocomplete="off" class="form-control" >
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">支付宝公匙<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<textarea v-model="info.ali_public_key" rows="5" required placeholder="请输入支付宝公匙" autocomplete="off" class="form-control" ></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">应用私匙<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<textarea v-model="info.app_private_key" rows="5" required placeholder="请输入应用私匙" autocomplete="off" class="form-control" ></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group" >
|
|
<label class="col-sm-2 control-label">支付宝打款接口<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<label class="radio-inline"><input type="radio" v-model="info.apiversion" value="0">旧版</label>
|
|
<label class="radio-inline"><input type="radio" v-model="info.apiversion" value="1">新版</label>
|
|
<div class="help-block">旧版接口使用公钥,新版接口使用公钥证书。</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group" v-if="info.apiversion == 1">
|
|
<label class="col-sm-2 control-label">应用证书(CertPublicKey)<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('publicKey')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.publicKey">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group" v-if="info.apiversion == 1">
|
|
<label class="col-sm-2 control-label">根目录证书(RootCert)<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="file_button" @click="selectFile('rootCert')">
|
|
<span>点击上传</span>
|
|
</button>
|
|
<span class="file_tips" v-if="!info.rootCert">请上传证书</span>
|
|
<span class="file_tips" v-else>证书存在</span>
|
|
</div>
|
|
</div>
|
|
|
|
</span>
|
|
<!--云收单-->
|
|
<span v-if="info.type == 3">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">云收单商户号<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.yun_merchantNo" required placeholder="请输入云收单商户号" autocomplete="off" class="form-control" >
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">云收单终端号<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.yun_terminalNo" required placeholder="请输入云收单终端号" autocomplete="off" class="form-control" >
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">云收单商户KEY<span class="must-fill">*</span></label>
|
|
<div class="col-sm-9">
|
|
<input type="text" v-model="info.yun_KEY" required placeholder="请输入云收单商户KEY" autocomplete="off" class="form-control" >
|
|
</div>
|
|
</div>
|
|
</span>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label"></label>
|
|
<div class="col-sm-9">
|
|
<button type="button" class="btn btn-primary min-width" @click="submit()"><span>提交</span></button>
|
|
<input type="file" id="upload" class="hide" @change="uploadFile($event)"/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
let obj = new Vue({
|
|
el:"#mainContent",
|
|
data:{
|
|
id: "{php echo $id}",
|
|
file_name:'',
|
|
info: {
|
|
name: '',//支付方式名称
|
|
status: 1,//1启用 0 未启用
|
|
app_id: '',//appid
|
|
type: 1,//1=微信支付；2=支付宝支付
|
|
shop_type: 1,//1=微信支付（您是一般商户）；2=服务商子商户（您是子商户请选这个）
|
|
shop_number: '',//商户号
|
|
secret_key: '',//支付密钥
|
|
merchantname : '',//商户名称
|
|
cert_certificate: "",//cert证书
|
|
key_certificate: "",//key证书
|
|
shop_goods_tag:"",//订单优惠标记
|
|
sub_up_app_id: '',//子商户 - sppid
|
|
sub_shop_number: '',//子商户 - 商户号
|
|
sub_enterprise_payment: 1,//子商户 - 企业付款：1=不开启；2=开启
|
|
sub_secret_key: '',//子商户 - 支付密钥
|
|
sub_cert_certificate: "",//子商户 - cert证书
|
|
sub_key_certificate: "",//子商户 - key证书
|
|
ali_app_id: '',//支付宝 - 应用id
|
|
ali_public_key: '',//支付宝 - 支付宝公匙
|
|
app_private_key: '',//支付宝 - 应用私匙
|
|
apiversion:0, //支付宝打款接口
|
|
rootCert:'', //支付宝根目录证书
|
|
publicKey:'', //支付宝应用公钥证书
|
|
yun_merchantNo:'', //云收单商户号
|
|
yun_terminalNo:'',//云收单终端
|
|
yun_KEY:'' //云收单商户key
|
|
},
|
|
//类型信息：0=公共；1=微信；2=支付宝 3=云收单
|
|
type: {
|
|
name: 0,
|
|
//app_id: 0,
|
|
type: 0,
|
|
shop_type: 1,
|
|
shop_number: 1,
|
|
secret_key: 1,
|
|
cert_certificate: 1,
|
|
key_certificate: 1,
|
|
ali_app_id: 2,
|
|
ali_public_key: 2,
|
|
app_private_key: 2,
|
|
//rootCert:2,
|
|
//publicKey:2,
|
|
yun_merchantNo:3,
|
|
yun_terminalNo:3,
|
|
yun_KEY:3,
|
|
}
|
|
},
|
|
methods:{
|
|
//提交信息
|
|
submit(){
|
|
let info = this.info;
|
|
let id = this.id;
|
|
let type = this.type;
|
|
let thisType = info.type;
|
|
tip.confirm('确定提交信息!',function () {
|
|
//判断是否允许提交
|
|
let status = true;
|
|
$.each(info,function (item,values) {
|
|
if((type[item] == thisType || type[item] == 0) && values == '') {
|
|
status = false;
|
|
tip.alert("请完善信息!");
|
|
return false; //跳出循环
|
|
}
|
|
});
|
|
//提交信息
|
|
if(status){
|
|
let res = commonVue.requestAjax('setting/pay/editInfo',{info:info,id:id},true,false);
|
|
if(res.errno == 0){
|
|
tip.alert('操作成功!',function () {
|
|
window.location.href = common.sysUrl('setting/pay/administration','',true);
|
|
})
|
|
}else{
|
|
tip.alert('操作失败，请重试!',function () {
|
|
history.go(0);
|
|
})
|
|
}
|
|
}
|
|
});
|
|
},
|
|
//选择文件
|
|
selectFile(name){
|
|
this.file_name = name;
|
|
$("#upload").click();
|
|
},
|
|
//上传文件
|
|
uploadFile(e){
|
|
let file = e.target.files[0];
|
|
let info = new FormData();
|
|
info.append("file", file);
|
|
let res = commonVue.requestAjax('setting/pay/uploadCertificate',info,false,false,true);
|
|
if(res == ''){
|
|
tip.alert('上传失败,不允许的文件类型')
|
|
}else{
|
|
this.info[this.file_name] = res.image;
|
|
}
|
|
},
|
|
//获取信息
|
|
getInfo(){
|
|
if(this.id > 0){
|
|
let data = {id:this.id};
|
|
this.info = commonVue.requestAjax('setting/pay/getInfo',data,false,false);
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
this.getInfo();
|
|
}
|
|
});
|
|
</script>
|
|
{php include wl_template('common/footer');}
|