color_add.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. {Template header}
  2. <body>
  3. <div class="warp">
  4. <ul class="setting">
  5. <li class="length"><em>文档:</em>
  6. <input value="" name="wdurl" type="hidden">
  7. <font class="scwd">点击上传文档</font>
  8. <font class="wdxz"></font>
  9. </li>
  10. <li>
  11. <em>标题:</em>
  12. <input value="" name="title" type="text" class='must'>
  13. </li>
  14. <li>
  15. <em>配图类型:</em>
  16. <select name="type" id="type" class="select class">
  17. <option value="0">未选择</option>
  18. <option value="1">编号款配图</option>
  19. <option value="2">颜色配图</option>
  20. <option value="3">曲度配图</option>
  21. <option value="5">化纤编号款</option>
  22. <option value="6">化纤颜色</option>
  23. <option value="4">其他配图</option>
  24. </select>
  25. </li>
  26. <li>
  27. <em>色号:</em>
  28. <input type="text" name="color" value="" />
  29. </li>
  30. <li>
  31. <em>曲度:</em>
  32. <input type="text" name="lowe" value="" />
  33. </li>
  34. <li>
  35. <em>开发人:</em>
  36. <input type="text" name="developer" value="{$color['developer']}" />
  37. </li>
  38. <li>
  39. <em>是否在售:</em>
  40. <select name="state" id="state" class="select class">
  41. <option value="0">未选择</option>
  42. <option value="1">在售款</option>
  43. <option value="2">已停售</option>
  44. </select>
  45. </li>
  46. <li class="length scimg">
  47. <span class="upimg"></span>
  48. <font>+</font>
  49. </li>
  50. <li class="length remark">
  51. <em>情况备注:</em>
  52. <textarea name="content" style="height:75px;"></textarea>
  53. </li>
  54. <li class="length">
  55. <em>工艺流程:</em>
  56. <textarea name="craft_process" style="height:75px;"></textarea>
  57. </li>
  58. <div style="clear:both;"></div>
  59. </ul>
  60. <div class="button"><font class="datasave">提 交</font> <font class="fh">关 闭</font></div>
  61. </div>
  62. <div style="display:none;">
  63. <input id="upload-file" name="files" accept="image/xls,image/xlsx" type="file">
  64. </div>
  65. <script>
  66. var addedit="/color/add/";
  67. var scwd = "/fullorderexcel/scwd";
  68. $(document).ready(function() {
  69. var button = $(".scimg font"), interval;
  70. var fileType = "pic", fileNum = "one";
  71. new AjaxUpload(button, {
  72. action: "/img/",
  73. name: "userfile",
  74. onSubmit: function(file, ext) {
  75. if (fileType == "pic") {
  76. if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)) {
  77. this.setData({
  78. info: "文件类型为图片"
  79. });
  80. }
  81. else if (ext && /^(3gp|rmvb|flv|wmv|avi|mkv|mp4|mp3|wav)$/.test(ext)) {
  82. this.setData({
  83. info: "文件类型为视频"
  84. });
  85. } else {
  86. alert("提示:您上传的是非图片或视频类型!");
  87. return false;
  88. }
  89. }
  90. $(".scimg font").hide();
  91. $(".loadimg").show();
  92. layx.load('loadId','上传中');
  93. if (fileNum == "one") {
  94. this.disable();
  95. }
  96. },
  97. onComplete: function(file, response) {
  98. eval("var obj=" + response);
  99. layx.destroy('loadId');
  100. if (obj.ok)
  101. {
  102. if (/^(.jpg|.png|.jpeg|.gif)$/.test(obj.lx))
  103. {
  104. $(".scimg span").append('<img src="' + obj.filename + '" title="点击图片删除">');
  105. }
  106. else if (/^(.3gp|.rmvb|.flv|.wmv|.avi|.mkv|.mp4|.mp3|.wav)$/.test(obj.lx))
  107. {
  108. $(".scimg span").append('<video src="' + obj.filename + '" controls="controls"></video>');
  109. }
  110. }
  111. else
  112. {
  113. $(".ts p").html(obj.msg);
  114. $(".ts").fadeIn();
  115. setTimeout('$(".ts").fadeOut()', 800);
  116. }
  117. $(".loadimg").hide();
  118. $(".scimg font").show();
  119. window.clearInterval(interval);
  120. this.enable();
  121. }
  122. });
  123. });
  124. $(document).on("click", ".scimg .upimg img", function() {
  125. $(this).remove();
  126. });
  127. $(document).on("click", ".scimg .upimg video", function() {
  128. $(this).remove();
  129. });
  130. </script>
  131. <script type="text/javascript" src="{$theme}js/ajaxupload.3.5.js"></script>
  132. {Template footer}