colour_edit.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. {Template header}
  2. <style>
  3. .setting .scimg_two {
  4. padding: 10px 1%;
  5. line-height: 78px;
  6. }
  7. .scimg_two font {
  8. width: 76px;
  9. height: 76px;
  10. font-size: 32px;
  11. font-weight: bold;
  12. display: inline-block;
  13. color: #ccc;
  14. border: 2px dashed #ccc;
  15. text-align: center;
  16. }
  17. .scimg_two span {
  18. min-width: 1px;
  19. float: left;
  20. padding-right: 10px;
  21. display: inline-block;
  22. position: relative;
  23. }
  24. .scimg_two img, .scimg_two video {
  25. height: 280px;
  26. padding-right: 10px;
  27. display: inline-block;
  28. float: left;
  29. }
  30. </style>
  31. <body>
  32. <div class="warp">
  33. <div class="title winnone">订单颜色参照 - 修改</div>
  34. <ul class="setting">
  35. <li class="length"><em>文档:</em>
  36. <input value="{$colour['wdurl']}" name="wdurl" type="hidden">
  37. <font class="scwd">点击上传文档</font>
  38. <font class="wdxz">
  39. {if $colour['wdurl'] != ''}<a href="{$colour['wdurl']}" style="color:#F33"><i class="fa fa-file-text"></i> 下载文档</a> <font class='delwd'>X</font>
  40. {/if}
  41. </font>
  42. </li>
  43. <li>
  44. <em>订单编号:</em>
  45. {if $userid == 'admin'}
  46. <input type="text" name="number" value="{$colour['number']}" />
  47. {else}
  48. <b>{$colour['number']}</b>
  49. {/if}
  50. </li>
  51. <li>
  52. <em>所属仓库:</em>
  53. <select name="warehouse" class="select class">
  54. {loop warehouse(100) as $val}
  55. <option {if $colour['warehouse'] == $val['id']}selected="selected"{/if} value="{$val['id']}">{$val['title']}</option>
  56. {/loop}</select>
  57. </li>
  58. <li class="length scimg">
  59. <span class="upimg">{$colour['img']}</span>
  60. <font>+</font>
  61. </li>
  62. <li class="length remark">
  63. <em>文字描述:</em>
  64. <textarea name="content" style="height:150px;">{$colour['content']}</textarea>
  65. </li>
  66. <li class="length remark">
  67. <em>完成货品上传图片:</em>
  68. </li>
  69. <li class="length scimg_two">
  70. <span class="upimg_two">{$colour['img_two']}</span>
  71. <font>+</font>
  72. </li>
  73. <div style="clear:both;"></div>
  74. </ul>
  75. <input type="hidden" name="id" value="{$colour['id']}" />
  76. <div class="button"><font class="datasave">提 交</font> <font class="fh">关 闭</font></div>
  77. </div>
  78. <div style="display:none;">
  79. <input id="upload-file" name="files" accept="image/xls,image/xlsx" type="file">
  80. </div>
  81. <script>var addedit="/colour/edit/";
  82. var scwd = "/fullorderexcel/scwd";
  83. $(document).ready(function() {
  84. var button = $(".scimg font"), interval;
  85. var fileType = "pic", fileNum = "one";
  86. new AjaxUpload(button, {
  87. action: "/img/",
  88. name: "userfile",
  89. onSubmit: function(file, ext) {
  90. if (fileType == "pic") {
  91. if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)) {
  92. this.setData({
  93. info: "文件类型为图片"
  94. });
  95. }
  96. else if (ext && /^(3gp|rmvb|flv|wmv|avi|mkv|mp4|mp3|wav)$/.test(ext)) {
  97. this.setData({
  98. info: "文件类型为视频"
  99. });
  100. } else {
  101. alert("提示:您上传的是非图片或视频类型!");
  102. return false;
  103. }
  104. }
  105. $(".scimg font").hide();
  106. $(".loadimg").show();
  107. layx.load('loadId','上传中');
  108. if (fileNum == "one") {
  109. this.disable();
  110. }
  111. },
  112. onComplete: function(file, response) {
  113. eval("var obj=" + response);
  114. if (obj.ok) {
  115. layx.destroy('loadId');
  116. if (/^(.jpg|.png|.jpeg|.gif)$/.test(obj.lx)) {
  117. $(".scimg .upimg").append('<span class="deldata"><a href="'+ obj.filename +'" target="_blank"><img src="{site_url("img/thumb")}?src='+ obj.filename +'&w=500&h=500"></a><em style="width:30px;height:30px;line-height:30px;text-align: center;display: inline-block;position: absolute;top: 0px;right: 20px;z-index: 10;background-color: #FFF;cursor: pointer;" title="点击删除">X</em></span>');
  118. }
  119. else if (/^(.3gp|.rmvb|.flv|.wmv|.avi|.mkv|.mp4|.mp3|.wav)$/.test(obj.lx)) {
  120. $(".scimg .upimg").append('<span class="deldata"><video src="'+ obj.filename +'" controls="controls"></video><em style=”width:30px;height:30px;line-height:30px;text-align: center;display: inline-block;position: absolute;top: 0px;right: 20px;z-index: 10;background-color: #FFF;cursor: pointer;" title="点击删除">X</em></span>');
  121. }
  122. } else {
  123. layx.destroy('loadId');
  124. $(".ts p").html("上传失败,请重试");
  125. $(".ts").fadeIn();
  126. setTimeout('$(".ts").fadeOut()', 800);
  127. }
  128. $(".loadimg").hide();
  129. $(".scimg font").show();
  130. window.clearInterval(interval);
  131. this.enable();
  132. }
  133. });
  134. var button_two = $(".scimg_two font"), interval_two;
  135. new AjaxUpload(button_two, {
  136. action: "/img/",
  137. name: "userfile",
  138. onSubmit: function(file, ext) {
  139. if (fileType == "pic") {
  140. if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)) {
  141. this.setData({
  142. info: "文件类型为图片"
  143. });
  144. }
  145. else if (ext && /^(3gp|rmvb|flv|wmv|avi|mkv|mp4|mp3|wav)$/.test(ext)) {
  146. this.setData({
  147. info: "文件类型为视频"
  148. });
  149. } else {
  150. alert("提示:您上传的是非图片或视频类型!");
  151. return false;
  152. }
  153. }
  154. $(".scimg_two font").hide();
  155. $(".loadimg").show();
  156. layx.load('loadId','上传中');
  157. if (fileNum == "one") {
  158. this.disable();
  159. }
  160. },
  161. onComplete: function(file, response) {
  162. eval("var obj=" + response);
  163. if (obj.ok) {
  164. layx.destroy('loadId');
  165. if (/^(.jpg|.png|.jpeg|.gif)$/.test(obj.lx)) {
  166. $(".scimg_two .upimg_two").append('<span class="deldata"><a href="'+ obj.filename +'" target="_blank"><img src="{site_url("img/thumb")}?src='+ obj.filename +'&w=500&h=500"></a><em style="width:30px;height:30px;line-height:30px;text-align: center;display: inline-block;position: absolute;top: 0px;right: 20px;z-index: 10;background-color: #FFF;cursor: pointer;" title="点击删除">X</em></span>');
  167. }
  168. else if (/^(.3gp|.rmvb|.flv|.wmv|.avi|.mkv|.mp4|.mp3|.wav)$/.test(obj.lx)) {
  169. $(".scimg_two .upimg_two").append('<span class="deldata"><video src="'+ obj.filename +'" controls="controls"></video><em style=”width:30px;height:30px;line-height:30px;text-align: center;display: inline-block;position: absolute;top: 0px;right: 20px;z-index: 10;background-color: #FFF;cursor: pointer;" title="点击删除">X</em></span>');
  170. }
  171. } else {
  172. layx.destroy('loadId');
  173. $(".ts p").html("上传失败,请重试");
  174. $(".ts").fadeIn();
  175. setTimeout('$(".ts").fadeOut()', 800);
  176. }
  177. $(".loadimg").hide();
  178. $(".scimg_two font").show();
  179. window.clearInterval(interval);
  180. this.enable();
  181. }
  182. });
  183. });
  184. $(document).on("click", ".scimg .upimg .deldata em", function() {
  185. $(this).parent(".deldata").remove();
  186. });
  187. $(document).on("click", ".scimg .upimg .deldata em", function() {
  188. $(this).parent(".deldata").remove();
  189. });
  190. $(document).on("click", ".scimg_two .upimg_two .deldata em", function() {
  191. $(this).parent(".deldata").remove();
  192. });
  193. $(document).on("click", ".scimg_two .upimg_two .deldata em", function() {
  194. $(this).parent(".deldata").remove();
  195. });
  196. </script>
  197. <script type="text/javascript" src="{$theme}js/ajaxupload.3.5.js"></script>
  198. {Template footer}