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.
206 lines
8.8 KiB
206 lines
8.8 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="绑定用户UID" prop="uid">
|
|
<i-input v-model="formData.uid" placeholder="请输入绑定的用户UID"></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 type="password" v-model="formData.conf_pwd" placeholder="请输入确认密码"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="讲师后台名称">
|
|
<i-input v-model="formData.mer_name" 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="联系人">
|
|
<i-input v-model="formData.real_name" placeholder="请输入联系人"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="联系电话" prop="mer_phone">
|
|
<i-input v-model="formData.mer_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.is_source">
|
|
<Radio :label="1">入驻</Radio>
|
|
<Radio :label="0">平台</Radio>
|
|
</Radio-Group>
|
|
</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="是否审核">
|
|
<Radio-Group v-model="formData.is_audit">
|
|
<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',
|
|
mer_name:lecturer.lecturer_name,
|
|
mer_phone:'',
|
|
mark:'',
|
|
real_name:lecturer.lecturer_name,
|
|
mer_avatar:lecturer.lecturer_head,
|
|
mer_address:'',
|
|
status:0,
|
|
is_source:0,
|
|
is_audit:0,
|
|
mer_special_divide:0,
|
|
mer_store_divide:0,
|
|
mer_event_divide:0,
|
|
mer_data_divide:0,
|
|
mer_test_divide:0,
|
|
gold_divide:0,
|
|
checked_menus:[],
|
|
uid:0,
|
|
id:lecturer.id
|
|
},
|
|
menus:[],
|
|
loading:false,
|
|
ruleValidate: {
|
|
account: [
|
|
{ required: true, message: '请输入讲师后台账号', trigger: 'blur' }
|
|
],
|
|
uid: [
|
|
{ required: true, message: '请输入绑定的用户ID', trigger: 'blur' }
|
|
],
|
|
mer_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.uid){
|
|
return layer.msg('请输入绑定的用户ID');
|
|
}
|
|
if(this.formData.mer_phone){
|
|
if(!$reg.isPhone(this.formData.mer_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>
|
|
|