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.
zhishifufei_php/application/merchant/view/special/lecturer/mercreate.php

207 lines
8.8 KiB

10 months ago
<!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>