<template>
|
<!--
|
作者：luoyiming
|
时间：2019-10-25
|
描述：应用-基础设置
|
-->
|
<div class="product-add">
|
<!--form表单-->
|
<el-form size="small" ref="form" :model="form" label-width="200px">
|
<div class="common-form">支付方式设置</div>
|
<el-form-item label="选择支付方式">
|
<div v-for="(item, key, index) in platform" :label="item.value" :key="index">
|
<div class="fb">{{item.name}}</div>
|
<el-checkbox-group v-model="form.pay_type[key].pay_type">
|
<el-checkbox v-for="(pay_item,pay_index) in item.pay_type" :label="pay_type[pay_item].value" :key="pay_index">{{pay_type[pay_item].name}}</el-checkbox>
|
</el-checkbox-group>
|
</div>
|
</el-form-item>
|
<div class="common-form">微信支付设置</div>
|
|
<!-- by yj -->
|
<el-form-item label="接口类型">
|
<el-radio v-model="form.apitype" :label="0">原生接口</el-radio>
|
<el-radio v-model="form.apitype" :label="1">付呗接口</el-radio>
|
</el-form-item>
|
<!--原生-->
|
<template v-if="form.apitype == 0">
|
<el-form-item label="微信支付商户号 MCHID">
|
<el-input v-model="form.mchid" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="微信支付密钥 APIKEY ">
|
<el-input v-model="form.apikey" class="max-w460"></el-input>
|
</el-form-item>
|
|
<el-form-item label="apiclient_cert.pem">
|
<el-input type="textarea" :rows="4" placeholder="使用文本编辑器打开apiclient_cert.pem文件，将文件的全部内容复制进来" v-model="form.cert_pem" class="max-w460"></el-input>
|
<div class="tips">使用文本编辑器打开apiclient_key.pem文件，将文件的全部内容复制进来</div>
|
</el-form-item>
|
<el-form-item label="apiclient_key.pem">
|
<el-input type="textarea" :rows="4" placeholder="使用文本编辑器打开apiclient_cert.pem文件，将文件的全部内容复制进来" v-model="form.key_pem" class="max-w460"></el-input>
|
<div class="tips">使用文本编辑器打开apiclient_key.pem文件，将文件的全部内容复制进来</div>
|
</el-form-item>
|
</template>
|
<!--付呗-->
|
<template v-if="form.apitype == 1">
|
<el-form-item label="服务商开放平台vendor_sn">
|
<el-input v-model="form.fbpay_vendor_sn" class="max-w460"></el-input>
|
<div class="tips">服务商级别接入时填写，否则留空</div>
|
</el-form-item>
|
<el-form-item label="商户开放平台app_id">
|
<el-input v-model="form.fbpay_app_id" class="max-w460"></el-input>
|
<div class="tips">商户级别接入时填写，否则留空</div>
|
</el-form-item>
|
<el-form-item label="开放平台secret">
|
<el-input v-model="form.fbpay_secret" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="付呗商户号">
|
<el-input v-model="form.fbpay_merchant_id" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="商户门店号">
|
<el-input v-model="form.fbpay_store_id" class="max-w460"></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="是否使用付呗插件">
|
<el-radio v-model="form.is_use_plus" :label="0">否</el-radio>
|
<el-radio v-model="form.is_use_plus" :label="1">是</el-radio>
|
</el-form-item>
|
<el-form-item label="付呗收银台插件app_id" v-if="form.is_use_plus == 1">
|
<el-input v-model="form.fbpay_cashier_app_id" class="max-w460"></el-input>
|
<div class="tips">使用付呗插件时填写，否则留空(固定值：wx21efb7c54d4729d6)</div>
|
</el-form-item> -->
|
<el-form-item label="是否启用半屏小程序支付">
|
<el-radio v-model="form.is_embed" :label="1">是</el-radio>
|
<el-radio v-model="form.is_embed" :label="0">否</el-radio>
|
</el-form-item>
|
<el-form-item label="半屏小程序AppId" v-if="form.is_embed==1">
|
<el-input v-model="form.embed_app_id" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="半屏小程序路径" v-if="form.is_embed==1">
|
<el-input v-model="form.embed_path" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="安全密钥" v-if="form.is_embed==1">
|
<el-input v-model="form.embed_key" class="max-w460"></el-input>
|
</el-form-item>
|
</template>
|
|
<div class="common-form">支付宝支付设置</div>
|
<el-form-item label="支付宝 appid">
|
<el-input v-model="form.alipay_appid" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="支付宝公钥">
|
<el-input type="textarea" :rows="4" v-model="form.alipay_publickey" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="应用私钥">
|
<el-input type="textarea" :rows="4" v-model="form.alipay_privatekey" class="max-w460"></el-input>
|
</el-form-item>
|
<!--提交-->
|
<div class="common-button-wrapper"><el-button type="primary" @click="onSubmit">提交</el-button></div>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
import AppSettingApi from '@/api/appsetting.js';
|
import {deepClone, formatModel} from '@/utils/base.js'
|
export default {
|
data() {
|
return {
|
form: {
|
pay_type: [],
|
mchid: '',
|
apikey: '',
|
cert_pem: '',
|
key_pem: '',
|
alipay_appid: '',
|
alipay_publickey: '',
|
alipay_privatekey: '',
|
apitype: 0,
|
fbpay_vendor_sn: '',
|
fbpay_app_id: '',
|
fbpay_secret: '',
|
fbpay_merchant_id: '',
|
fbpay_store_id: '',
|
is_use_plus:0,
|
fbpay_cashier_app_id:'wx21efb7c54d4729d6',//目前付呗插件使用的固定值，以后也许会更改 by yj 2023.12.16
|
is_embed: 0, // 是否启用半屏小程序支付
|
embed_app_id: '', // 半屏小程序的appId
|
embed_path: 'pages/plus/embed/pay', // 半屏小程序的路径
|
embed_key: '', // 安全密钥，由半屏小程序提供
|
},
|
app: {},
|
pay_type: [],
|
platform: []
|
};
|
},
|
created() {
|
this.getData();
|
},
|
|
methods: {
|
/*获取数据*/
|
getData() {
|
let self = this;
|
AppSettingApi.payDetail({}, true)
|
.then(res => {
|
self.app = res.data.app;
|
self.pay_type = res.data.pay_type;
|
self.platform = res.data.platform;
|
self.form = formatModel(self.form, res.data.app);
|
console.log(self.form);
|
if(self.app.pay_type == null || self.app.pay_type == ''){
|
self.form.pay_type = deepClone(res.data.platform);
|
}else{
|
self.form.pay_type = deepClone(self.app.pay_type);
|
Object.getOwnPropertyNames(self.form.pay_type).forEach(function(key){
|
for(let i=0;i<self.form.pay_type[key].pay_type.length;i++){
|
self.$set(self.form.pay_type[key].pay_type, i, parseInt(self.form.pay_type[key].pay_type[i]));
|
}
|
})
|
}
|
console.log(self.form);
|
})
|
.catch(error => {
|
console.log(error);
|
});
|
},
|
|
//提交表单
|
onSubmit() {
|
let self = this;
|
let params = self.form;
|
AppSettingApi.editPay(params, true)
|
.then(data => {
|
self.$message({
|
message: '恭喜你，设置成功',
|
type: 'success'
|
});
|
})
|
.catch(error => {});
|
},
|
}
|
};
|
</script>
|
|
<style>
|
.tips {
|
color: #ccc;
|
}
|
</style>
|
