Browse Source

增加纯数字校验及提示

pull/10/head
zq 2 weeks ago
parent
commit
0256440a30
  1. 2
      src/components/addPay.vue
  2. 1
      src/views/HosInformation.vue
  3. 108
      src/views/weChatPayment.vue

2
src/components/addPay.vue

@ -312,7 +312,7 @@ export default {
this.$http('POST', '/agentnew/ajax_add_alipay', { this.$http('POST', '/agentnew/ajax_add_alipay', {
company_short_name: this.alipayRules.company_short_name, company_short_name: this.alipayRules.company_short_name,
alipay_account: this.alipayRules.alipay_account, alipay_account: this.alipayRules.alipay_account,
// is_pay_public: this.isPayPublic, is_pay_public: this.isPayPublic,
// receive_payment_account: this.receive_payment_account, // receive_payment_account: this.receive_payment_account,
// receive_payment_name: this.receive_payment_name // receive_payment_name: this.receive_payment_name
}).then(response => { }).then(response => {

1
src/views/HosInformation.vue

@ -903,6 +903,7 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
if(response.code == 0) { if(response.code == 0) {
this.$Message.success('设置成功'); this.$Message.success('设置成功');
this.fetchDoctorData()
}else{ }else{
this.$Message.error(response.msg); this.$Message.error(response.msg);
} }

108
src/views/weChatPayment.vue

@ -42,7 +42,7 @@
<span class="desc" slot="formRight"><a href='https://pay.weixin.qq.com/' class="guide" <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> target='_blank'><img src="@/assets/site/form_qua_ic.svg" alt="">指南</a>
</span> </span>
<GuipInput slot="formDom" ref="GuipInput" column="column" v-model="formData1.key" prop="key" <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="formData1.pkey" prop="pkey"
placeholder="不能设为纯数字"> placeholder="不能设为纯数字">
</GuipInput> </GuipInput>
</GuipFormItem> </GuipFormItem>
@ -73,15 +73,15 @@
<div class="uploadwrap"> <div class="uploadwrap">
<label class="flex upload-title gap8">上传 apiclient_cert.pem 证书<img class="ml-4" <label class="flex upload-title gap8">上传 apiclient_cert.pem 证书<img class="ml-4"
src="@/assets/require.svg" /></label> src="@/assets/require.svg" /></label>
<el-upload class="upload-demo" :on-change="handleAvatarChange" action="#" :multiple="false" <el-upload class="upload-demo" :file-list="fileList" :on-change="handleAvatarChange" :on-remove="handRemove" action="#" :multiple="false"
:limit="Number(1)" ref="avatorUpload" :auto-upload="false"> :limit="Number(1)" ref="avatorUpload" :auto-upload="false">
<GuipButton class="upload-button" slot="trigger" type="ignore" <GuipButton class="upload-button" slot="trigger" type="ignore"
:btnstyle="{ width: '118px' }"> :btnstyle="{ width: '118px' }">
<i class="bgImg"></i>选择文件 <i class="bgImg"></i>选择文件
</GuipButton> </GuipButton>
</el-upload> </el-upload>
<!-- <p class="uploaded" v-if="formData.apiclient_cert">已上传</p> <!-- <p class="uploaded" v-if="formData.apiclient_cert">已上传</p> -->
<p class="normalUpload notuploaded" v-else>未上传任何文件</p> --> <!-- <p :class="['normalUpload', noFileFlag ?'notuploaded' :'']" v-if="!('apiclient_cert' in payInfo)">未上传任何文件</p> -->
</div> </div>
</div> </div>
<div class="flex-line"></div> <div class="flex-line"></div>
@ -89,15 +89,15 @@
<div class="uploadwrap"> <div class="uploadwrap">
<label class="flex upload-title gap8">上传 apiclient_key.pem 证书<img class="ml-4" <label class="flex upload-title gap8">上传 apiclient_key.pem 证书<img class="ml-4"
src="@/assets/require.svg" /></label> src="@/assets/require.svg" /></label>
<el-upload class="upload-demo" :on-change="handleAvatarChange1" action="#" :multiple="false" <el-upload class="upload-demo" :file-list="fileList1" :on-change="handleAvatarChange1" :on-remove="handRemove1" action="#" :multiple="false"
:limit="Number(1)" ref="avatorUpload" :auto-upload="false"> :limit="Number(1)" ref="avatorUpload" :auto-upload="false">
<GuipButton class="upload-button" slot="trigger" type="ignore" <GuipButton class="upload-button" slot="trigger" type="ignore"
:btnstyle="{ width: '118px' }"> :btnstyle="{ width: '118px' }">
<i class="bgImg"></i>选择文件 <i class="bgImg"></i>选择文件
</GuipButton> </GuipButton>
</el-upload> </el-upload>
<!-- <p class="uploaded" v-if="formData.apiclient_key">已上传</p> <!-- <p class="uploaded" v-if="formData.apiclient_key">已上传</p> -->
<p class="normalUpload notuploaded" v-else>未上传任何文件</p> --> <!-- <p :class="['normalUpload', noFileFlag1 ?'notuploaded' :'']" v-if="!('apiclient_key' in payInfo)">未上传任何文件</p> -->
</div> </div>
</div> </div>
</div> </div>
@ -105,7 +105,7 @@
</div> </div>
<div class="save-button"> <div class="save-button">
<GuipButton type="primary" ref="saveRef" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton> <GuipButton type="primary" ref="saveRef" :btnstyle="saveBtnStyleObj" @click="saveConfirm">完成设置</GuipButton>
</div> </div>
</div> </div>
@ -125,6 +125,15 @@ export default {
GuipFormItem, GuipFormItem,
}, },
data() { data() {
const notPureNumberRule = (rule, value, callback) => {
if (!value) {
callback(new Error('该字段为必填项'));
} else if (/^\d+$/.test(value)) {
callback(new Error('不能设为纯数字'));
} else {
callback();
}
};
return { return {
formData1:{ formData1:{
// //
@ -132,7 +141,7 @@ export default {
// //
mch_id: '', mch_id: '',
// //
key: '', pkey: '',
// APPID // APPID
appid: '', appid: '',
}, },
@ -141,13 +150,15 @@ export default {
{ required: true, message: '请输入公司简称', trigger: 'blur' } { required: true, message: '请输入公司简称', trigger: 'blur' }
], ],
appid: [ appid: [
{ required: true, message: '请输入公众号APPID', trigger: 'blur' } { required: true, message: '请输入公众号APPID', trigger: 'blur' },
{ validator: notPureNumberRule, trigger: 'blur' }
], ],
mch_id: [ mch_id: [
{ required: true, message: '请输入微信支付商户号', trigger: 'blur' } { required: true, message: '请输入微信支付商户号', trigger: 'blur' }
], ],
key: [ pkey: [
{ required: true, message: '请输入微信支付秘钥', trigger: 'blur' } { required: true, message: '请输入微信支付秘钥', trigger: 'blur' },
{ validator: notPureNumberRule, trigger: 'blur' }
], ],
}, },
formData: new FormData(), formData: new FormData(),
@ -158,33 +169,54 @@ export default {
borderRadius: '4px', borderRadius: '4px',
background: '#006AFF', background: '#006AFF',
}, },
fileList: [],
fileList1: [],
noFileFlag: false,
noFileFlag1: false,
} }
}, },
created() { created() {
// //
this.getPayment();
console.log('apiclient_cert' in this.payInfo,'apiclient_key');
}, },
methods: { methods: {
getPayment() { getPayment() {
this.$http('POST', '/agentnew/ajax_get_payinfo', { //
payid: this.$route.query.payid,
}).then(response => { // this.$http('POST', '/agentnew/ajax_get_payinfo', {
this.$nextTick(() => { // doctor_id : this.doctor_id,
this.payinfo = response.data // depart_id : this.depart_id
}) // }).then(response => {
}).catch(error => { // this.$nextTick(() => {
console.error(error, 'error') // this.payinfo = response.data
}) // this.formData1 = response.data
// })
// }).catch(error => {
// console.error(error, 'error')
// })
},
handRemove() {
this.formData.delete('apiclient_cert');
this.payInfo.delete('apiclient_cert');
this.noFileFlag = true;
},
handRemove1() {
this.formData.delete('apiclient_key');
this.payInfo.delete('apiclient_key');
this.noFileFlag1 = true;
}, },
handleAvatarChange(file, fileList) { handleAvatarChange(file, fileList) {
console.log(file, fileList, 'file') console.log(file, fileList, 'file')
let fileObj = file.raw let fileObj = file.raw
this.noFileFlag = false;
this.payInfo.apiclient_cert = fileObj; this.payInfo.apiclient_cert = fileObj;
this.formData.set('apiclient_cert', fileObj) this.formData.set('apiclient_cert', fileObj)
// this.formData.append('apiclient_cert', fileObj)
}, },
handleAvatarChange1(file, fileList) { handleAvatarChange1(file, fileList) {
console.log(file, fileList, 'file') console.log(file, fileList, 'file')
let fileObj = file.raw let fileObj = file.raw;
this.noFileFlag1 = false;
this.payInfo.apiclient_key = fileObj; this.payInfo.apiclient_key = fileObj;
this.formData.set('apiclient_key', fileObj) this.formData.set('apiclient_key', fileObj)
}, },
@ -195,13 +227,18 @@ export default {
// console.log(' (Key):', key); // console.log(' (Key):', key);
// console.log(' (Value):', value); // console.log(' (Value):', value);
// } // }
this.$refs.wxform.validate((valid) => { if(!this.formData.has('apiclient_key') ){
console.log(valid, 'valid'); this.noFileFlag1 = true;
if (valid) { if( !this.formData.has('apiclient_cert')){
for (let key in this.formData1) { this.noFileFlag = true;
this.formData.set(key, this.formData1[key]) this.$positionMessage({
type: 'error',
message: '请先上传证书',
target: this.$refs['saveRef'], // DOM
position: 'top'
})
return false;
} }
if(!this.formData.has('apiclient_key') || !this.formData.has('apiclient_cert')){
this.$positionMessage({ this.$positionMessage({
type: 'error', type: 'error',
message: '请先上传证书', message: '请先上传证书',
@ -210,16 +247,23 @@ export default {
}) })
return false; return false;
} }
this.$refs.wxform.validate((valid) => {
console.log(valid, 'valid');
if (valid) {
for (let key in this.formData1) {
this.formData.set(key, this.formData1[key])
}
this.formData.set('doctor_id', this.$route.query.doctor_id) this.formData.set('doctor_id', this.$route.query.doctor_id)
this.formData.set('depart_id', this.$route.query.depart_id) this.formData.set('depart_id', this.$route.query.depart_id)
this.formData.set('type','2')
const that = this const that = this
this.$http('POST', '/agentnew/ajax_payment_switch', this.formData).then(response => { this.$http('POST', '/api/admin/set_pay_method', this.formData).then(response => {
if(response.status){ if(response.status){
that.$message.success('保存成功'); that.$message.success('保存成功');
// that.payList = response.data.paylist // that.payList = response.data.paylist
// that.$emit('saveEvent', that.payList) // that.$emit('saveEvent', that.payList)
this.$router.go(-1); this.$router.go(-1);
return true; return true;
} }
that.$message.error(response.info); that.$message.error(response.info);

Loading…
Cancel
Save