SaveInfo.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!-- header start -->
  2. <include file="Public/Header" />
  3. <!-- header end -->
  4. <!-- right content start -->
  5. <div class="content-right">
  6. <div class="content">
  7. <!-- form start -->
  8. <div id="success" style="color:#fff;display: none;background: limegreen;height: 3rem;text-align: center;"></div>
  9. <form class="am-form form-validation view-save" action="{{:U('Admin/Version/Save')}}" method="POST" request-type="ajax-url" request-value="{{:U('Admin/Version/Index')}}" enctype="multipart/form-data">
  10. <legend>
  11. <span class="fs-16">
  12. <if condition="empty($data['id'])">
  13. 奖项添加
  14. <else />
  15. 奖项编辑
  16. </if>
  17. </span>
  18. <a href="{{:U('Admin/Version/Index')}}" class="fr fs-14 m-t-5 am-icon-mail-reply"> {{:L('common_operation_back')}}</a>
  19. </legend>
  20. <div class="am-form-group">
  21. <label>版本名称</label>
  22. <div class="am-input-group am-input-group-sm">
  23. <input type="text" name="prize_name" placeholder="奖项名称" data-validation-message="请填写奖项名称" class="am-form-field am-radius"
  24. <notempty name="data"> value="{{$data.prize_name}}" </notempty>/>
  25. </div>
  26. </div>
  27. <div class="am-form-group">
  28. <label>中奖份额</label>
  29. <div class="am-input-group am-input-group-sm">
  30. <input type="number" name="prize_num" placeholder="中奖份额" class="am-form-field am-radius"
  31. <notempty name="data"> value="{{$data.prize_num}}" </notempty>/>
  32. </div>
  33. </div>
  34. <div class="am-form-group">
  35. <label>宣传图片</label>
  36. <div class="am-input-group am-input-group-sm">
  37. <input type="file" style="border: hidden;" id="file1" name='file' placeholder="上传图片" class="am-form-field am-radius" />
  38. <input type="hidden" class="prize_img" name="prize_img" value="{{$data.prize_img}}" />
  39. <p><img id="img1" alt="上传成功啦" src="{{$data.prize_img}}" /></p>
  40. </div>
  41. </div>
  42. <div class="am-form-group" style="padding-top: 2rem">
  43. <input type="hidden" name="id" <notempty name="data"> value="{{$data.id}}"</notempty>" />
  44. <div data-id = "1" class="bt" style="display:inline-block;margin-right:3rem;width: 20rem;height: 3rem;text-align: center;padding: 0.5rem;border: 0.1rem solid black;border-radius: 0.3rem;background: blue;color: #fff;cursor: pointer;">保存</div>
  45. <!--<button type="submit" class="am-btn am-btn-primary am-radius btn-loading-example am-btn-sm w100" data-am-loading="{loadingText:'{{:L('common_form_loading_tips')}}'}">{{:L('common_operation_save')}}</button>-->
  46. </div>
  47. </form>
  48. <!-- form end -->
  49. </div>
  50. </div>
  51. <!-- right content end -->
  52. <!-- footer start -->
  53. <include file="Public/Footer" />
  54. <!-- footer end -->
  55. <script src="__PUBLIC__/Common/Lib/uploader/jquery-1.9.1.min.js" type="text/javascript"></script>
  56. <script src="__PUBLIC__/Common/Lib/uploader/ajaxfileupload.js" type="text/javascript"></script>
  57. <script type="text/javascript">
  58. $(function() {
  59. $("#file1").change(function() {
  60. ajaxFileUpload();
  61. })
  62. $('.bt').click(function(){
  63. var prize_name = $("input[name='prize_name']").val();
  64. if(prize_name == ''){
  65. $('#success').html('请填写奖项名称');
  66. $('#success').css('display','block')
  67. window.setTimeout("$('#success').css('display','none')", 2000);
  68. return false;
  69. }
  70. var prize_num = $("input[name='prize_num']").val();
  71. if(prize_num == ''){
  72. $('#success').html('请填写中奖份额');
  73. $('#success').css('display','block')
  74. window.setTimeout("$('#success').css('display','none')", 2000);
  75. return false;
  76. }
  77. var prize_img = $("input[name='prize_img']").val();
  78. var id = $("input[name='id']").val();
  79. if(id.length>0){
  80. id = id;
  81. }else{
  82. id = -2;
  83. }
  84. $.ajax({
  85. type: "POST", //提交方式
  86. url: "{{:U('Admin/Prize/Save')}}", //路径
  87. data: {"prize_name":prize_name,"prize_num":prize_num,"id":id,"prize_img":prize_img},
  88. success: function(result) {//返回数据根据结果进行相应的处理
  89. if(result == 100){
  90. $('#success').html('保存成功');
  91. $('#success').css('display','block')
  92. window.setTimeout("location.href = '{{:U('Admin/Prize/Index')}}'", 1000);
  93. }else if(result == -100){
  94. alert('保存失败!');
  95. }
  96. }
  97. });
  98. })
  99. })
  100. function ajaxFileUpload() {
  101. $.ajaxFileUpload
  102. (
  103. {
  104. url: '{{:U('Admin/Source/Uploader')}}', //用于文件上传的服务器端请求地址
  105. secureuri: false, //是否需要安全协议,一般设置为false
  106. fileElementId: 'file1', //文件上传域的ID
  107. dataType: 'text', //返回值类型 一般设置为json
  108. success: function(data, status) //服务器成功响应处理函数
  109. {
  110. data = eval('(' + data + ')');
  111. $(".prize_img").attr("value", data.imgurl);
  112. $("#img1").attr("src", data.imgurl);
  113. },
  114. error: function(data, status, e)//服务器响应失败处理函数
  115. {
  116. alert(status);
  117. }
  118. }
  119. )
  120. return false;
  121. }
  122. </script>