123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206 |
- <!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>
|