|
|
|
@ -17,12 +17,12 @@ |
|
|
|
</div> |
|
|
|
<p class="mt12">2.登录微信商户平台，在产品中心开通Native支付，如需使用微信版，开通JSAPI支付。</p> |
|
|
|
</div> |
|
|
|
<el-form> |
|
|
|
<el-form ref="wxform" :model="formData1" :rules="rules"> |
|
|
|
<div class="flex-wrap"> |
|
|
|
<div class="flex-left"> |
|
|
|
<GuipFormItem column="column" class="mb24" label="公司简称" :required="true"> |
|
|
|
<span class="desc" slot="formRight">请输入公司简称，便于您区分账号所属公司</span> |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="company_short_name" |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="formData1.company_short_name" |
|
|
|
prop="company_short_name" placeholder="请输入"> |
|
|
|
</GuipInput> |
|
|
|
</GuipFormItem> |
|
|
|
@ -31,7 +31,7 @@ |
|
|
|
<a href='https://pay.weixin.qq.com/' class="guide" |
|
|
|
target='_blank'><img src="@/assets/site/form_qua_ic.svg" alt="">指南</a> |
|
|
|
</span> |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="mch_id" prop="mch_id" |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="formData1.mch_id" prop="mch_id" |
|
|
|
placeholder="请输入"> |
|
|
|
</GuipInput> |
|
|
|
</GuipFormItem> |
|
|
|
@ -42,14 +42,14 @@ |
|
|
|
<span class="desc" slot="formRight"><a href='https://pay.weixin.qq.com/' class="guide" |
|
|
|
target='_blank'><img src="@/assets/site/form_qua_ic.svg" alt="">指南</a> |
|
|
|
</span> |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="apiv2" prop="apiv2" |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="formData1.key" prop="key" |
|
|
|
placeholder="不能设为纯数字"> |
|
|
|
</GuipInput> |
|
|
|
</GuipFormItem> |
|
|
|
<GuipFormItem column="column" class="mb24" label="公众号APPID" :required="true"> |
|
|
|
<span class="desc" slot="formRight"><a href='https://mp.weixin.qq.com/' class="guide" |
|
|
|
target='_blank'><img src="@/assets/site/form_qua_ic.svg" alt="">指南</a></span> |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="appid" prop="appid" |
|
|
|
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="formData1.appid" prop="appid" |
|
|
|
placeholder="不能设为纯数字"> |
|
|
|
</GuipInput> |
|
|
|
</GuipFormItem> |
|
|
|
@ -80,8 +80,8 @@ |
|
|
|
<i class="bgImg"></i>选择文件 |
|
|
|
</GuipButton> |
|
|
|
</el-upload> |
|
|
|
<p class="uploaded" v-if="payinfo.cert_uploaded">已上传</p> |
|
|
|
<p class="normalUpload notuploaded" v-else>未上传任何文件</p> |
|
|
|
<!-- <p class="uploaded" v-if="formData.apiclient_cert">已上传</p> |
|
|
|
<p class="normalUpload notuploaded" v-else>未上传任何文件</p> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-line"></div> |
|
|
|
@ -95,10 +95,9 @@ |
|
|
|
:btnstyle="{ width: '118px' }"> |
|
|
|
<i class="bgImg"></i>选择文件 |
|
|
|
</GuipButton> |
|
|
|
|
|
|
|
</el-upload> |
|
|
|
<p class="uploaded" v-if="payinfo.key_uploaded">已上传</p> |
|
|
|
<p class="normalUpload" v-else>未上传任何文件</p> |
|
|
|
<!-- <p class="uploaded" v-if="formData.apiclient_key">已上传</p> |
|
|
|
<p class="normalUpload notuploaded" v-else>未上传任何文件</p> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -127,15 +126,32 @@ export default { |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
formData1:{ |
|
|
|
// 公司简称 |
|
|
|
company_short_name: '', |
|
|
|
// 商户号 |
|
|
|
mch_id: '', |
|
|
|
// 微信支付秘钥 |
|
|
|
apiv2: '', |
|
|
|
key: '', |
|
|
|
// 公众号APPID |
|
|
|
appid: '', |
|
|
|
payinfo: [], |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
company_short_name: [ |
|
|
|
{ required: true, message: '请输入公司简称', trigger: 'blur' } |
|
|
|
], |
|
|
|
appid: [ |
|
|
|
{ required: true, message: '请输入公众号APPID', trigger: 'blur' } |
|
|
|
], |
|
|
|
mch_id: [ |
|
|
|
{ required: true, message: '请输入微信支付商户号', trigger: 'blur' } |
|
|
|
], |
|
|
|
key: [ |
|
|
|
{ required: true, message: '请输入微信支付秘钥', trigger: 'blur' } |
|
|
|
], |
|
|
|
}, |
|
|
|
formData: new FormData(), |
|
|
|
payInfo:{}, |
|
|
|
saveBtnStyleObj: { |
|
|
|
width: '144px', |
|
|
|
height: '46px', |
|
|
|
@ -146,7 +162,6 @@ export default { |
|
|
|
}, |
|
|
|
created() { |
|
|
|
// 初始化反显 |
|
|
|
// this.getPayment() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getPayment() { |
|
|
|
@ -161,39 +176,62 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleAvatarChange(file, fileList) { |
|
|
|
console.log(file, fileList) |
|
|
|
console.log(file, fileList, 'file') |
|
|
|
let fileObj = file.raw |
|
|
|
this.payInfo.apiclient_cert = fileObj; |
|
|
|
this.formData.set('apiclient_cert', fileObj) |
|
|
|
// this.formData.append('apiclient_cert', fileObj) |
|
|
|
}, |
|
|
|
handleAvatarChange1(file, fileList) { |
|
|
|
console.log(file, fileList) |
|
|
|
console.log(file, fileList, 'file') |
|
|
|
let fileObj = file.raw |
|
|
|
this.payInfo.apiclient_key = fileObj; |
|
|
|
this.formData.set('apiclient_key', fileObj) |
|
|
|
}, |
|
|
|
|
|
|
|
saveConfirm() { |
|
|
|
// |
|
|
|
// this.$positionMessage({ |
|
|
|
// type: 'error', |
|
|
|
// message: '请先上传证书', |
|
|
|
// target: this.$refs['saveRef'], // 可以是DOM元素或选择器 |
|
|
|
// position: 'top' |
|
|
|
// }) |
|
|
|
// let obj = {} |
|
|
|
// obj.uid = this.serviceInfo.uid |
|
|
|
// obj.type = this.serviceInfo.type |
|
|
|
// obj.info = "" |
|
|
|
// const that = this |
|
|
|
// this.$http('POST', '/agentnew/ajax_payment_switch', obj).then(response => { |
|
|
|
// if(response.status){ |
|
|
|
// that.$message.success('保存成功'); |
|
|
|
// 查看有多少参数 |
|
|
|
// for (let [key, value] of this.formData.entries()) { |
|
|
|
// console.log('键 (Key):', key); |
|
|
|
// console.log('值 (Value):', value); |
|
|
|
// } |
|
|
|
this.$refs.wxform.validate((valid) => { |
|
|
|
console.log(valid, 'valid'); |
|
|
|
if (valid) { |
|
|
|
for (let key in this.formData1) { |
|
|
|
this.formData.set(key, this.formData1[key]) |
|
|
|
} |
|
|
|
if(!this.formData.has('apiclient_key') || !this.formData.has('apiclient_cert')){ |
|
|
|
this.$positionMessage({ |
|
|
|
type: 'error', |
|
|
|
message: '请先上传证书', |
|
|
|
target: this.$refs['saveRef'], // 可以是DOM元素或选择器 |
|
|
|
position: 'top' |
|
|
|
}) |
|
|
|
return false; |
|
|
|
} |
|
|
|
this.formData.set('doctor_id', this.$route.query.doctor_id) |
|
|
|
this.formData.set('depart_id', this.$route.query.depart_id) |
|
|
|
const that = this |
|
|
|
this.$http('POST', '/agentnew/ajax_payment_switch', this.formData).then(response => { |
|
|
|
if(response.status){ |
|
|
|
that.$message.success('保存成功'); |
|
|
|
// that.payList = response.data.paylist |
|
|
|
// that.$emit('saveEvent', that.payList) |
|
|
|
// return true; |
|
|
|
// } |
|
|
|
// that.$message.error(response.info); |
|
|
|
// }).catch(error => { |
|
|
|
// console.error(error, 'error') |
|
|
|
// }) |
|
|
|
this.$router.go(-1); |
|
|
|
|
|
|
|
return true; |
|
|
|
} |
|
|
|
that.$message.error(response.info); |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
} else { |
|
|
|
return false; |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
} |
|
|
|
|
|
|
|
|
zq
2 weeks ago