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.
188 lines
8.0 KiB
188 lines
8.0 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
{include file="public/head"}
|
|
<title>{$title|default=''}</title>
|
|
<script src="{__PLUG_PATH}jquery-1.10.2.min.js"></script>
|
|
<script src="{__PLUG_PATH}reg-verify.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="form-add" class="mp-form" v-cloak>
|
|
<i-Form :model="formData" :rules="ruleValidate" :label-width="120">
|
|
<Form-Item label="代理后台账号" prop="account">
|
|
<i-input v-model="formData.account" placeholder="请输入代理后后台账号(手机号)"></i-input>
|
|
</Form-Item>
|
|
|
|
<Form-Item label="代理后后台密码(默认:123456)">
|
|
<i-input type="password" v-model="formData.pwd" placeholder="请输入代理后后台密码"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="代理名称">
|
|
<i-input v-model="formData.lecturer_name" placeholder="请输入代理名称"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="负责人" prop="username">
|
|
<i-input v-model="formData.username" placeholder="请输入负责人"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="专题分成[5=5%]">
|
|
<i-input v-model="formData.mer_special_divide" placeholder="请输入专题分成[5=5%]"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="商品分成[5=5%]">
|
|
<i-input v-model="formData.mer_store_divide" placeholder="请输入商品分成[5=5%]"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="活动分成[5=5%]">
|
|
<i-input v-model="formData.mer_event_divide" placeholder="请输入活动分成[5=5%]"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="资料分成[5=5%]">
|
|
<i-input v-model="formData.mer_data_divide" placeholder="请输入资料分成[5=5%]"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="试卷分成[5=5%]">
|
|
<i-input v-model="formData.mer_test_divide" placeholder="请输入试卷分成[5=5%]"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="直播收益分成[5=5%]">
|
|
<i-input v-model="formData.gold_divide" placeholder="请输入直播收益分成[5=5%]"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="联系电话" prop="phone">
|
|
<i-input v-model="formData.phone" placeholder="请输入联系电话"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="联系地址">
|
|
<i-input v-model="formData.mer_address" placeholder="请输入联系地址"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="备注">
|
|
<i-input type="textarea" v-model="formData.mark" placeholder="请输入备注"></i-input>
|
|
</Form-Item>
|
|
|
|
<Form-Item label="状态">
|
|
<Radio-Group v-model="formData.status">
|
|
<Radio :label="1">开启</Radio>
|
|
<Radio :label="0">关闭</Radio>
|
|
</Radio-Group>
|
|
</Form-Item>
|
|
<Form-Item label="可用权限" prop="checked_menus">
|
|
<Tree :data="menus" show-checkbox ref="tree"></Tree>
|
|
</Form-Item>
|
|
<Form-Item :class="'add-submit-item'">
|
|
<i-Button :type="'primary'" :html-type="'submit'" :size="'large'" :long="true" :loading="loading" @click.prevent="submit">提交</i-Button>
|
|
</Form-Item>
|
|
</i-Form>
|
|
</div>
|
|
|
|
<script>
|
|
$eb = parent._mpApi;
|
|
var lecturer = <?php echo $lecturer; ?> || [];
|
|
var menus = <?php echo $menus; ?> || [];
|
|
mpFrame.start(function(Vue){
|
|
new Vue({
|
|
el:'#form-add',
|
|
data:{
|
|
formData:{
|
|
account:'',
|
|
pwd:'123456',
|
|
conf_pwd:'123456',
|
|
username:"",
|
|
lecturer_name:lecturer.lecturer_name,
|
|
phone:lecturer.phone,
|
|
mark:'',
|
|
real_name:lecturer.lecturer_name,
|
|
mer_avatar:lecturer.lecturer_head,
|
|
mer_address:'',
|
|
status:0,
|
|
checked_menus:[],
|
|
mer_special_divide:0,
|
|
mer_store_divide:0,
|
|
mer_event_divide:0,
|
|
mer_data_divide:0,
|
|
mer_test_divide:0,
|
|
gold_divide:0,
|
|
id:lecturer.id
|
|
},
|
|
menus:[],
|
|
loading:false,
|
|
ruleValidate: {
|
|
account: [
|
|
{ required: true, message: '请输入代理端后台账号', trigger: 'blur' }
|
|
],
|
|
username: [
|
|
{ required: true, message: '请输入负责人', trigger: 'blur' }
|
|
],
|
|
phone: [
|
|
{ required: true, message: '请输入联系电话', trigger: 'blur' }
|
|
],
|
|
checked_menus: [
|
|
{ required: true, message: '至少选择一项权限', trigger: 'blur' }
|
|
]
|
|
}
|
|
},
|
|
methods:{
|
|
tidyRes:function(){
|
|
var data = [];
|
|
menus.map((menu)=>{
|
|
data.push(this.initMenu(menu));
|
|
});
|
|
this.$set(this,'menus',data);
|
|
},
|
|
initMenu:function(menu){
|
|
var data = {};
|
|
data.title = menu.menu_name;
|
|
data.id = menu.id;
|
|
data.expand = false;
|
|
if(menu.child && menu.child.length >0){
|
|
data.children = [];
|
|
menu.child.map((child)=>{
|
|
data.children.push(this.initMenu(child));
|
|
})
|
|
}
|
|
return data;
|
|
},
|
|
submit:function(){
|
|
this.formData.checked_menus = [];
|
|
this.$refs.tree.getCheckedNodes().map((node)=>{
|
|
this.formData.checked_menus.push(node.id);
|
|
});
|
|
if(!this.formData.account){
|
|
return layer.msg('请输入代理端后台账号');
|
|
}
|
|
if(!this.formData.username){
|
|
return layer.msg('请输入负责人');
|
|
}
|
|
if(this.formData.phone){
|
|
if(!$reg.isPhone(this.formData.phone)){
|
|
return layer.msg('请输入正确的手机号');
|
|
}
|
|
}else{
|
|
return layer.msg('请输入手机号');
|
|
}
|
|
if(!this.formData.checked_menus.length){
|
|
return layer.msg('请至少选择一项权限');
|
|
}
|
|
this.loading = true;
|
|
var that = this;
|
|
$.ajax({
|
|
url: '{$action}',
|
|
type: 'post',
|
|
data: this.formData,
|
|
dataType: 'json',
|
|
success: function (res) {
|
|
that.loading = false;
|
|
if (res.code === 200) {
|
|
layer.msg(res.msg || '操作成功', { icon: 1 }, function () {
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
});
|
|
} else {
|
|
layer.msg(res.msg || '操作失败，请稍后再试', { icon: 5 });
|
|
}
|
|
},
|
|
error: function (err) {
|
|
that.loading = false;
|
|
layer.msg(err, { icon: 5 });
|
|
}
|
|
});
|
|
}
|
|
},
|
|
mounted:function(){
|
|
t = this;
|
|
this.tidyRes();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|