313 行
16 KiB
HTML
可执行文件
313 行
16 KiB
HTML
可执行文件
<!--[1.9.8]-->
|
||
<style>
|
||
.el-form-item__content > .el-input {
|
||
max-width: 600px;
|
||
}
|
||
|
||
.formSetAgent {
|
||
max-width: 750px;
|
||
margin: 0 auto;
|
||
}
|
||
</style>
|
||
<div id="setAgentApp" v-cloak>
|
||
<el-form class="formSetAgent"
|
||
:model="ruleForm"
|
||
:rules="rules"
|
||
size="small"
|
||
label-suffix=":"
|
||
ref="ruleForm"
|
||
label-width="100px">
|
||
<el-form-item label="代理商名称" prop="name">
|
||
<el-input v-model="ruleForm.name"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="登陆账号" prop="phone">
|
||
<el-input v-model="ruleForm.phone" maxLength="11"></el-input>
|
||
</el-form-item>
|
||
<template v-if="!ruleForm.id">
|
||
<el-form-item label="登陆密码" prop="password">
|
||
<el-input v-model="ruleForm.password" show-password auto-complete="off"></el-input>
|
||
</el-form-item>
|
||
</template>
|
||
<el-form-item label="折扣等级" prop="discountid">
|
||
<select-agent-group :group-id.sync="ruleForm.discountid"></select-agent-group>
|
||
</el-form-item>
|
||
<el-form-item label="启用时间" prop="begin_time">
|
||
<el-date-picker v-model="ruleForm.begin_time"
|
||
type="datetime" value-format="yyyy-MM-dd"
|
||
placeholder="请选择启用时间">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item label="过期时间" prop="end_time">
|
||
<el-date-picker v-model="ruleForm.end_time"
|
||
type="datetime" value-format="yyyy-MM-dd"
|
||
placeholder="请选择过期时间">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item label="省市区" prop="province">
|
||
<select-pro-and-city :province-id.sync="ruleForm.province"
|
||
:city-id.sync="ruleForm.city"
|
||
:area-id.sync="ruleForm.area"
|
||
@change="verifyForm('province')"></select-pro-and-city>
|
||
</el-form-item>
|
||
<el-form-item label="详细地址" prop="address">
|
||
<el-input v-model="ruleForm.address"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="开户银行" prop="bank_id">
|
||
<select-system-bank :bank-id.sync="ruleForm.bank_id" placeholder="请选择开户银行"></select-system-bank>
|
||
</el-form-item>
|
||
<el-form-item label="银行卡号" prop="bank_card">
|
||
<el-input v-model="ruleForm.bank_card"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="新大陆费率" prop="agent_rate">
|
||
<el-input placeholder="新大陆费率设置区间0.2-0.6" v-model="ruleForm.agent_rate">
|
||
<template slot="append">%</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="支付宝费率" prop="ali_rate">
|
||
<el-input placeholder="支付宝费率设置区间0.2-0.6" v-model="ruleForm.ali_rate">
|
||
<template slot="append">%</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="微信费率" prop="wx_rate">
|
||
<el-input placeholder="微信费率设置区间0.2-0.6" v-model="ruleForm.wx_rate">
|
||
<template slot="append">%</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="云闪付费率" prop="union_pay_rate">
|
||
<el-input placeholder="云闪付费率设置区间0.2-0.6" v-model="ruleForm.union_pay_rate">
|
||
<template slot="append">%</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="乐返费率" prop="happy_rate" v-if="plugRole.happypay">
|
||
<el-input placeholder="乐返费率设置区间0.2-0.6" v-model="ruleForm.happy_rate">
|
||
<template slot="append">%</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="拉卡拉费率" prop="lakala_rate" v-if="plugRole.lakalapay">
|
||
<el-input placeholder="拉卡拉服务商费率设置区间0.2-0.6" v-model="ruleForm.lakala_rate">
|
||
<template slot="append">%</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="钱客云费率" prop="qian_ke_rate" v-if="plugRole.moneyguestpay">
|
||
<el-input placeholder="钱客云服务商费率设置区间0.2-0.6" v-model="ruleForm.qian_ke_rate">
|
||
<template slot="append">%</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer" style="text-align: center">
|
||
<el-button type="primary" size="medium" @click="submitData">提交</el-button>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="/Public/js/select-bank.js"></script>
|
||
<script type="text/javascript" src="/Public/Admin/js/select-agent-group.js"></script>
|
||
<script type="text/javascript">
|
||
var setAgentApp = new Vue({
|
||
el: '#setAgentApp',
|
||
data: function () {
|
||
let _t = this;
|
||
return {
|
||
plugRole: {
|
||
moneyguestpay: "{$systemPlug['moneyguestpay']}",
|
||
lakalapay: "{$systemPlug['lakalapay']}",
|
||
happypay: "{$systemPlug['happypay']}",
|
||
},
|
||
ruleForm: {
|
||
id: "{$cache['id']}",
|
||
name: "{$cache['name']}",
|
||
phone: "{$cache['phone']}",
|
||
password: "",
|
||
discountid: "{$cache['discountid']}",
|
||
begin_time: "{$cache['begin_time']}",
|
||
end_time: "{$cache['end_time']}",
|
||
address: "{$cache['address']}",
|
||
bank_id: "{$cache['bank_id']}",
|
||
bank_card: "{$cache['bank_card']}",
|
||
agent_rate: "{$cache['agent_rate']}",
|
||
ali_rate: "{$cache['ali_rate']}",
|
||
wx_rate: "{$cache['wx_rate']}",
|
||
union_pay_rate: "{$cache['union_pay_rate']}",
|
||
happy_rate: "{$cache['happy_rate']}",
|
||
lakala_rate: "{$cache['lakala_rate']}",
|
||
qian_ke_rate: "{$cache['qian_ke_rate']}",
|
||
province: "{$cache['province']}",
|
||
city: "{$cache['city']}",
|
||
area: "{$cache['area']}",
|
||
},//必填表单
|
||
rules: {
|
||
name: [{message: '请输入代理商名称', required: true, trigger: 'change'}],
|
||
phone: [{message: '请输入正确的登陆账号', required: true, trigger: 'blur'}, {
|
||
validator: function (rule, value, callback) {
|
||
var reg = /^[1][3|4|5|6|7|8|9][0-9]{9}$/;
|
||
if (reg.test(value) == false && value != '') {
|
||
callback(new Error("请输入正确的手机号"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
password: [{message: '请输入正确的密码', required: false, trigger: 'blur'}, {
|
||
validator: function (rule, value, callback) {
|
||
var reg = /^[a-zA-Z0-9.+*-/<>?!@#$%^&*():''"";]{6,16}$/;
|
||
if (reg.test(value) == false && !_t.ruleForm.id) {
|
||
callback(new Error("请输入正确的密码（6~16）位"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
discountid: [{message: '请选择折扣等级', required: true, trigger: 'blur'}],
|
||
begin_time: [{message: '请选择启用时间', required: true, trigger: 'change'}],
|
||
end_time: [{message: '请选择过期时间', required: true, trigger: 'change'}],
|
||
province: [{message: '请完善省市区', required: true, trigger: 'blur'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (!value) {
|
||
callback(new Error("请选择省"));
|
||
} else if (!_t.ruleForm.city) {
|
||
callback(new Error("请选择市"));
|
||
} else if (!_t.ruleForm.area) {
|
||
callback(new Error("请选择区"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
address: [{message: '请填写详细地址', required: true, trigger: 'change'}],
|
||
bank_card: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if ((/^([1-9]{1})(\d{14,18})$/).test(value) == false && value != '') {
|
||
callback(new Error("请输入正确的银行卡号"));
|
||
} else if (_t.ruleForm.bank_id && !value) {
|
||
callback(new Error("请输入银行卡号"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
bank_id: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (_t.ruleForm.bank_card && !value) {
|
||
callback(new Error("请输选择银行"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
agent_rate: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (value != '' && value != null && value != undefined && (value > 0.6 || value < 0.2)) {
|
||
callback(new Error("新大陆费率需在0.2-0.6之间"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
ali_rate: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (value != '' && value != null && value != undefined && (value > 0.6 || value < 0.2)) {
|
||
callback(new Error("支付宝费率需在0.2-0.6之间"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
wx_rate: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (value != '' && value != null && value != undefined && (value > 0.6 || value < 0.2)) {
|
||
callback(new Error("微信费率需在0.2-0.6之间"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
union_pay_rate: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (value != '' && value != null && value != undefined && (value > 0.6 || value < 0.2)) {
|
||
callback(new Error("云闪付费率需在0.2-0.6之间"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
happy_rate: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (value != '' && value != null && value != undefined && (value > 0.6 || value < 0.2)) {
|
||
callback(new Error("乐返支付费率需在0.2-0.6之间"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
lakala_rate: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (value != '' && value != null && value != undefined && (value > 0.6 || value < 0.2)) {
|
||
callback(new Error("拉卡拉服务商费率需在0.2-0.6之间"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
qian_ke_rate: [{message: '', required: false, trigger: 'change'}, {
|
||
validator: function (rule, value, callback) {
|
||
if (value != '' && value != null && value != undefined && (value > 0.6 || value < 0.2)) {
|
||
callback(new Error("钱客云服务商费率需在0.2-0.6之间"));
|
||
} else {
|
||
callback();
|
||
}
|
||
}, trigger: 'change'
|
||
}],
|
||
},
|
||
}
|
||
},
|
||
methods: {
|
||
verifyForm(field) {
|
||
this.$refs.ruleForm.validateField(field);
|
||
},
|
||
//提交新增、修改代理商
|
||
submitData() {
|
||
this.$refs.ruleForm.validate((valid) => {
|
||
if (valid) {
|
||
this.sendRequest('Admin/Agent/addAgentinfo', {
|
||
data: this.ruleForm,
|
||
success: (res) => {
|
||
if (res.status == 1) {
|
||
this.$message({
|
||
message: res.message,
|
||
type: 'success',
|
||
duration: 1000,
|
||
onClose: () => {
|
||
MenuApp.backPreview();//返回上一级页面
|
||
}
|
||
});
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
},
|
||
})
|
||
}
|
||
})
|
||
},
|
||
//编辑代理商时获取代理商信息
|
||
getAgentInfo(id) {
|
||
this.sendRequest('Admin/Agent/addAgent', {
|
||
data: {
|
||
id: id,
|
||
},
|
||
success: (res) => {
|
||
if (res.status == 1) {
|
||
this.ruleForm = res.data;
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
},
|
||
})
|
||
},
|
||
},
|
||
created() {
|
||
let id = MenuApp.getQueryVariable('id');
|
||
if (id && id > 0) {
|
||
this.getAgentInfo(id);
|
||
}
|
||
}
|
||
});
|
||
</script>
|