mercreate.php 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. {include file="public/head"}
  5. <title>{$title|default=''}</title>
  6. <script src="{__PLUG_PATH}jquery-1.10.2.min.js"></script>
  7. <script src="{__PLUG_PATH}reg-verify.js"></script>
  8. </head>
  9. <body>
  10. <div id="form-add" class="mp-form" v-cloak>
  11. <i-Form :model="formData" :rules="ruleValidate" :label-width="120">
  12. <Form-Item label="讲师后台账号" prop="account">
  13. <i-input v-model="formData.account" placeholder="请输入讲师后台账号(手机号)"></i-input>
  14. </Form-Item>
  15. <Form-Item label="绑定用户UID" prop="uid">
  16. <i-input v-model="formData.uid" placeholder="请输入绑定的用户UID"></i-input>
  17. </Form-Item>
  18. <Form-Item label="讲师后台密码(默认:123456)">
  19. <i-input type="password" v-model="formData.pwd" placeholder="请输入讲师后台密码"></i-input>
  20. </Form-Item>
  21. <Form-Item label="确认密码">
  22. <i-input type="password" v-model="formData.conf_pwd" placeholder="请输入确认密码"></i-input>
  23. </Form-Item>
  24. <Form-Item label="讲师后台名称">
  25. <i-input v-model="formData.mer_name" placeholder="请输入讲师后台名称"></i-input>
  26. </Form-Item>
  27. <Form-Item label="专题分成[5=5%]">
  28. <i-input v-model="formData.mer_special_divide" placeholder="请输入专题分成[5=5%]"></i-input>
  29. </Form-Item>
  30. <Form-Item label="商品分成[5=5%]">
  31. <i-input v-model="formData.mer_store_divide" placeholder="请输入商品分成[5=5%]"></i-input>
  32. </Form-Item>
  33. <Form-Item label="活动分成[5=5%]">
  34. <i-input v-model="formData.mer_event_divide" placeholder="请输入活动分成[5=5%]"></i-input>
  35. </Form-Item>
  36. <Form-Item label="资料分成[5=5%]">
  37. <i-input v-model="formData.mer_data_divide" placeholder="请输入资料分成[5=5%]"></i-input>
  38. </Form-Item>
  39. <Form-Item label="试卷分成[5=5%]">
  40. <i-input v-model="formData.mer_test_divide" placeholder="请输入试卷分成[5=5%]"></i-input>
  41. </Form-Item>
  42. <Form-Item label="直播收益分成[5=5%]">
  43. <i-input v-model="formData.gold_divide" placeholder="请输入直播收益分成[5=5%]"></i-input>
  44. </Form-Item>
  45. <Form-Item label="联系人">
  46. <i-input v-model="formData.real_name" placeholder="请输入联系人"></i-input>
  47. </Form-Item>
  48. <Form-Item label="联系电话" prop="mer_phone">
  49. <i-input v-model="formData.mer_phone" placeholder="请输入联系电话"></i-input>
  50. </Form-Item>
  51. <Form-Item label="联系地址">
  52. <i-input v-model="formData.mer_address" placeholder="请输入联系地址"></i-input>
  53. </Form-Item>
  54. <Form-Item label="备注">
  55. <i-input type="textarea" v-model="formData.mark" placeholder="请输入备注"></i-input>
  56. </Form-Item>
  57. <Form-Item label="来源">
  58. <Radio-Group v-model="formData.is_source">
  59. <Radio :label="1">入驻</Radio>
  60. <Radio :label="0">平台</Radio>
  61. </Radio-Group>
  62. </Form-Item>
  63. <Form-Item label="状态">
  64. <Radio-Group v-model="formData.status">
  65. <Radio :label="1">开启</Radio>
  66. <Radio :label="0">关闭</Radio>
  67. </Radio-Group>
  68. </Form-Item>
  69. <Form-Item label="是否审核">
  70. <Radio-Group v-model="formData.is_audit">
  71. <Radio :label="1">开启</Radio>
  72. <Radio :label="0">关闭</Radio>
  73. </Radio-Group>
  74. </Form-Item>
  75. <Form-Item label="可用权限" prop="checked_menus">
  76. <Tree :data="menus" show-checkbox ref="tree"></Tree>
  77. </Form-Item>
  78. <Form-Item :class="'add-submit-item'">
  79. <i-Button :type="'primary'" :html-type="'submit'" :size="'large'" :long="true" :loading="loading" @click.prevent="submit">提交</i-Button>
  80. </Form-Item>
  81. </i-Form>
  82. </div>
  83. <script>
  84. $eb = parent._mpApi;
  85. var lecturer = <?php echo $lecturer; ?> || [];
  86. var menus = <?php echo $menus; ?> || [];
  87. mpFrame.start(function(Vue){
  88. new Vue({
  89. el:'#form-add',
  90. data:{
  91. formData:{
  92. account:'',
  93. pwd:'123456',
  94. conf_pwd:'123456',
  95. mer_name:lecturer.lecturer_name,
  96. mer_phone:'',
  97. mark:'',
  98. real_name:lecturer.lecturer_name,
  99. mer_avatar:lecturer.lecturer_head,
  100. mer_address:'',
  101. status:0,
  102. is_source:0,
  103. is_audit:0,
  104. mer_special_divide:0,
  105. mer_store_divide:0,
  106. mer_event_divide:0,
  107. mer_data_divide:0,
  108. mer_test_divide:0,
  109. gold_divide:0,
  110. checked_menus:[],
  111. uid:0,
  112. id:lecturer.id
  113. },
  114. menus:[],
  115. loading:false,
  116. ruleValidate: {
  117. account: [
  118. { required: true, message: '请输入讲师后台账号', trigger: 'blur' }
  119. ],
  120. uid: [
  121. { required: true, message: '请输入绑定的用户ID', trigger: 'blur' }
  122. ],
  123. mer_phone: [
  124. { required: true, message: '请输入联系电话', trigger: 'blur' }
  125. ],
  126. checked_menus: [
  127. { required: true, message: '至少选择一项权限', trigger: 'blur' }
  128. ]
  129. }
  130. },
  131. methods:{
  132. tidyRes:function(){
  133. var data = [];
  134. menus.map((menu)=>{
  135. data.push(this.initMenu(menu));
  136. });
  137. this.$set(this,'menus',data);
  138. },
  139. initMenu:function(menu){
  140. var data = {};
  141. data.title = menu.menu_name;
  142. data.id = menu.id;
  143. data.expand = false;
  144. if(menu.child && menu.child.length >0){
  145. data.children = [];
  146. menu.child.map((child)=>{
  147. data.children.push(this.initMenu(child));
  148. })
  149. }
  150. return data;
  151. },
  152. submit:function(){
  153. this.formData.checked_menus = [];
  154. this.$refs.tree.getCheckedNodes().map((node)=>{
  155. this.formData.checked_menus.push(node.id);
  156. });
  157. if(!this.formData.account){
  158. return layer.msg('请输入讲师后台账号');
  159. }
  160. if(!this.formData.uid){
  161. return layer.msg('请输入绑定的用户ID');
  162. }
  163. if(this.formData.mer_phone){
  164. if(!$reg.isPhone(this.formData.mer_phone)){
  165. return layer.msg('请输入正确的手机号');
  166. }
  167. }else{
  168. return layer.msg('请输入手机号');
  169. }
  170. if(!this.formData.checked_menus.length){
  171. return layer.msg('请至少选择一项权限');
  172. }
  173. this.loading = true;
  174. var that = this;
  175. $.ajax({
  176. url: '{$action}',
  177. type: 'post',
  178. data: this.formData,
  179. dataType: 'json',
  180. success: function (res) {
  181. that.loading = false;
  182. if (res.code === 200) {
  183. layer.msg(res.msg || '操作成功', { icon: 1 }, function () {
  184. var index = parent.layer.getFrameIndex(window.name);
  185. parent.layer.close(index);
  186. });
  187. } else {
  188. layer.msg(res.msg || '操作失败,请稍后再试', { icon: 5 });
  189. }
  190. },
  191. error: function (err) {
  192. that.loading = false;
  193. layer.msg(err, { icon: 5 });
  194. }
  195. });
  196. }
  197. },
  198. mounted:function(){
  199. t = this;
  200. this.tidyRes();
  201. }
  202. });
  203. });
  204. </script>
  205. </body>