helpe_pink.php 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. {extend name="public/container"}
  2. {block name="head_top"}
  3. <style>
  4. .layui-input-block .layui-video-box{
  5. width: 50%;
  6. height: 180px;
  7. border-radius: 10px;
  8. background-color: #707070;
  9. margin-top: 10px;
  10. position: relative;
  11. overflow: hidden;
  12. }
  13. .layui-input-block .layui-video-box i{
  14. color: #fff;
  15. line-height: 180px;
  16. margin: 0 auto;
  17. width: 50px;
  18. height: 50px;
  19. display: inherit;
  20. font-size: 50px;
  21. }
  22. .layui-input-block .layui-video-box .mark{
  23. position: absolute;
  24. width: 100%;
  25. height: 30px;
  26. top: 0;
  27. background-color: rgba(0,0,0,.5);
  28. text-align: center;
  29. }
  30. </style>
  31. <script type="text/javascript" src="{__PC_KS3}src/async.min.js"></script>
  32. {/block}
  33. {block name="content"}
  34. <div class="layui-fluid">
  35. <div class="layui-row layui-col-space15" id="app">
  36. <div class="layui-col-md12">
  37. <div class="layui-card">
  38. <div class="layui-card-header">助力拼团</div>
  39. <div class="layui-card-body">
  40. <form class="layui-form" action="">
  41. <div class="layui-form-item">
  42. <label class="layui-form-label">用户昵称</label>
  43. <div class="layui-input-block">
  44. <input type="hidden" name="pink_id" value="{$id}">
  45. <input type="text" name="nickname" lay-verify="nickname" autocomplete="off" placeholder="用户昵称" class="layui-input">
  46. </div>
  47. </div>
  48. <div class="layui-form-item submit">
  49. <label class="layui-form-label">用户头像</label>
  50. <div class="layui-input-block" id="image">
  51. <div class="upload-image" id="file_image">
  52. <div class="fiexd"><i class="fa fa-plus"></i></div>
  53. <p>上传图片</p>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="layui-form-item submit">
  58. <div class="layui-input-block">
  59. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">立即提交</button>
  60. <button class="layui-btn layui-btn-primary clone">取消</button>
  61. </div>
  62. </div>
  63. </form>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <script type="text/javascript" src="{__ADMIN_PATH}js/request.js"></script>
  70. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  71. <script type="text/javascript" src="{__PC_KS3}src/plupload.full.min.js"></script>
  72. <script type="text/javascript" src="{__PC_KS3}src/ks3jssdk.js"></script>
  73. <script type="text/javascript" src="{__PC_KS3}ks3.js"></script>
  74. <script type="text/javascript" src="{__MODULE_PATH}widget/OssUpload.js"></script>
  75. {/block}
  76. {block name='foot'}
  77. <script>
  78. var mime_types='jpg,gif,png,JPG,GIF,PNG';
  79. layList.form.render();
  80. //初始化
  81. JSY.Config();
  82. var file_image=$('#file_image'), windowindex =parent.layer.getFrameIndex(window.name), Help = {};
  83. Help.show = function () {
  84. $('#image .delete_image').on('click', function () {
  85. $(this).parents('.upload-image-box').remove();
  86. file_image.show();
  87. })
  88. };
  89. file_image.on('click',function () {
  90. ossUpload.createFrame('请选择图片',{},{w:800,h:550});
  91. });
  92. /**
  93. * 选择图片回调事件
  94. * */
  95. var changeIMG = function (res, url) {
  96. file_image.parents('.layui-input-block').prepend(ossUpload.getImageHtml(url, 'avatar', ''));
  97. file_image.hide();
  98. ossUpload.LoadEvent();
  99. Help.show();
  100. };
  101. $('#image .delete_image').on('click',function () {
  102. var that=this;
  103. $(that).parents('.upload-image-box').remove();
  104. file_image.show();
  105. });
  106. Help.show();
  107. layList.search('save',function (data) {
  108. if(!data.nickname) return layList.msg('请填写用户名');
  109. if(!data.avatar) return layList.msg('请上传头像');
  110. layList.basePost(layList.U({a:'save_helpe_pink'}),data,function (res) {
  111. layList.msg(res.msg,function () {
  112. parent.layer.close(windowindex);
  113. })
  114. },function (res) {
  115. layList.msg(res.msg);
  116. });
  117. })
  118. </script>
  119. {/block}