create.php 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <!--suppress JSAnnotator -->
  3. <html lang="zh-CN">
  4. <head>
  5. {include file="public/head"}
  6. <title>{$title}</title>
  7. </head>
  8. <body>
  9. <div id="form-add" class="mp-form" v-cloak>
  10. <form-builder></form-builder>
  11. </div>
  12. <style>
  13. #eb-field-icon input{width: 80%}
  14. </style>
  15. <script>
  16. var _vm ;
  17. var rules = {$rules};
  18. function openicon() {
  19. layer.open({
  20. type: 2,
  21. content: '/admin/system.system_menus/icon.html',
  22. area: ['600px', '600px'],
  23. maxmin: true
  24. });
  25. // $eb.createModalFrame(this.innerText,"/admin/system.system_menus/icon.html");
  26. }
  27. _mpApi = parent._mpApi;
  28. mpFrame.start(function(Vue){
  29. require(['axios','system/util/mpFormBuilder'],function(axios,mpFormBuilder){
  30. Vue.use(mpFormBuilder,_mpApi,rules,{
  31. action:'{$save}'
  32. });
  33. new Vue({
  34. el:"#form-add",
  35. mounted:function(){
  36. window._$setIcon = (icon)=>{
  37. this.$formBuilder.set('icon',icon);
  38. };
  39. $('#eb-field-icon').find('input').after('<button type="button" class="ivu-btn" onclick="openicon()")>选择图标</button>');
  40. }
  41. })
  42. });
  43. });
  44. </script>
  45. </body>