client_data_upload.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. <!DOCTYPE html>
  2. <html>
  3. <!-- Mirrored from www.zi-han.net/theme/hplus/login.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:18:23 GMT -->
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>引擎力-培养走向世界的企业</title>
  8. <meta name="keywords" content="引擎力后台">
  9. <meta name="description"
  10. content="引擎力定位于海外数字营销专家,用数据说话,引领外贸企业迈向全球化!拥有多项核心自主知识产权,一直在不断的发展和拓展我们的网络营销范围。拥有120余人海外推广团队,80%以上执创人员,5年以上专业外贸推广经验,为您的外贸网站量身定制打造高质量的流量及询盘。">
  11. <meta name="robots" content="noodp"/>
  12. <link rel="shortcut icon" href="{{asset('favicon.ico')}}">
  13. <link href="{{asset('css/bootstrap.min14ed.css?v=3.3.6')}}" rel="stylesheet">
  14. <link href="{{asset('css/font-awesome.min93e3.css?v=4.4.0')}}" rel="stylesheet">
  15. <link href="{{asset('oss/style.css')}}" rel="stylesheet">
  16. <link href="{{asset('css/admin/flow/style.css')}}" rel="stylesheet" />
  17. <link href="{{asset('css/animate.min.css')}}" rel="stylesheet">
  18. </head>
  19. <style>
  20. .btn:hover{
  21. color: #ffffff;
  22. }
  23. </style>
  24. <body>
  25. <div class="sep-yql-header">
  26. <a href="#" class="sep-logo">
  27. <img src="/img/y-top-logo.png" alt=""/>
  28. </a>
  29. <div class="logo-texts" style="font-size: 30px">
  30. {{$cn_title}}<br> 【资料上传】(ctrl+s保存)
  31. </div>
  32. </div>
  33. <div class="sep-yql-body">
  34. <div class="sep-xmzl-boxs fix">
  35. <div class="sep-container fix">
  36. <form action="{{url('/admin/flow/clientDataUpload/'.$siteId.'/1')}}" method="post" id="form1">
  37. <input type="hidden" value="{{$token}}" name="token">
  38. <div class="sep-xwcgss-ul-boxs fix">
  39. <div class="xwcgss-lists active ">
  40. <div class="xwcgss-table-boxs fix">
  41. <table border="" cellspacing="" cellpadding="">
  42. <tr>
  43. <td style="width: 5%;text-align: center">页面</td>
  44. <td style="width: 5%;text-align: center">样式参考</td>
  45. <td style="width: 20%;text-align: center">替换资料要求</td>
  46. <td style="width: 10%;text-align: center">参考(内部)</td>
  47. <td style="width: 10%;text-align: center">提交资料deadline</td>
  48. <td style="width: 10%;text-align: center">操作</td>
  49. <td style="width: 10%;text-align: center">文件下载(客户上传)</td>
  50. </tr>
  51. @foreach($list as $item)
  52. <tr>
  53. <td style="text-align: center">{{$item->page??''}}
  54. <input type="hidden" name="siteId" value="{{$siteId}}">
  55. </td>
  56. <td>{{$item->style_path??''}}</td>
  57. <td>{{$item->data_memo??''}}</td>
  58. <td>
  59. <ul>
  60. @if(isset($item->list))
  61. @foreach(\GuzzleHttp\json_decode($item->list,true) as $value)
  62. <li>
  63. <a href="https://yqlguestdata.oss-cn-hangzhou.aliyuncs.com/{{$value}}"
  64. download="https://yqlguestdata.oss-cn-hangzhou.aliyuncs.com/{{$value}}">{{$value}}</a>
  65. </li>
  66. @endforeach
  67. @endif
  68. </ul>
  69. </td>
  70. <td style="text-align: center">{{$item->deadline??''}}</td>
  71. <td>
  72. <form name=theform>
  73. <input type="radio" name="myradio" value="local_name" checked=true/>
  74. 上传文件名字保持本地文件名字<br>
  75. <input type="radio" name="myradio" value="random_name"/> 上传文件名字是随机文件名
  76. <br/>
  77. 上传到指定目录:<input style="width: 200px;border:none" type="text"
  78. id='dirname{{$item->id}}'
  79. value="{{$cn_title}}"
  80. placeholder="如果不填,默认是上传到根目录"
  81. size=50>
  82. </form>
  83. <h4>您所选择的文件列表:</h4>
  84. <div id="ossfile{{$item->id}}">你的浏览器不支持flash,Silverlight或者HTML5!</div>
  85. <br/>
  86. <div id="container{{$item->id}}">
  87. <a id="selectfiles{{$item->id}}" href="javascript:void(0);" class='btn'>选择文件</a>
  88. <a id="postfiles{{$item->id}}" href="javascript:void(0);" class='btn'>开始上传</a>
  89. </div>
  90. <pre id="console{{$item->id}}" style="display: none"></pre>
  91. <p>&nbsp;</p>
  92. </td>
  93. <td>
  94. <ul>
  95. @if(isset($item->url))
  96. @foreach(\GuzzleHttp\json_decode($item->url,true) as $value)
  97. <li>
  98. <a href="https://yqlguestdata.oss-cn-hangzhou.aliyuncs.com/{{$value}}"
  99. download="https://yqlguestdata.oss-cn-hangzhou.aliyuncs.com/{{$value}}">{{$value}}</a>
  100. </li>
  101. @endforeach
  102. @endif
  103. </ul>
  104. </td>
  105. </tr>
  106. @endforeach
  107. </table>
  108. </div>
  109. </div>
  110. </div>
  111. </form>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="sep-yql-footer">
  116. <div class="sep-container fix">
  117. <div class="footer-texts">
  118. 浙江引擎力营销策划有限公司
  119. </div>
  120. </div>
  121. </div>
  122. <script src="{{asset('js/jquery.min.js?v=2.1.4')}}"></script>
  123. <script type="text/javascript" src="{{asset('oss/lib/crypto1/crypto/crypto.js')}}"></script>
  124. <script type="text/javascript" src="{{asset('oss/lib/crypto1/hmac/hmac.js')}}"></script>
  125. <script type="text/javascript" src="{{asset('oss/lib/crypto1/sha1/sha1.js')}}"></script>
  126. <script type="text/javascript" src="{{asset('oss/lib/base64.js')}}"></script>
  127. <script type="text/javascript" src="{{asset('oss/lib/plupload-2.1.2/js/plupload.full.min.js')}}"></script>
  128. <script type="text/javascript" src="{{asset('oss/upload.js?v=1')}}"></script>
  129. <script src="{{asset('js/plugins/layer-v3.1.1/layer/layer.js')}}"></script>
  130. <!-- Row Highlight Javascript -->
  131. <script type="text/javascript">
  132. @foreach($list as $item)
  133. var uploader{{$item->id}} = new plupload.Uploader({
  134. //multi_selection: false,
  135. runtimes: 'html5,flash,silverlight,html4',
  136. browse_button: 'selectfiles{{$item->id}}',
  137. container: document.getElementById('container{{$item->id}}'),
  138. flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
  139. silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
  140. url: 'http://oss.aliyuncs.com',
  141. init: {
  142. PostInit: function () {
  143. document.getElementById('ossfile{{$item->id}}').innerHTML = '';
  144. document.getElementById('postfiles{{$item->id}}').onclick = function () {
  145. set_upload_param(uploader{{$item->id}}, '', false);
  146. return false;
  147. };
  148. },
  149. FilesAdded: function (up, files) {
  150. plupload.each(files, function (file) {
  151. document.getElementById('ossfile{{$item->id}}').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ')<b></b>'
  152. + '<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>'
  153. + '</div>';
  154. });
  155. },
  156. BeforeUpload: function (up, file) {
  157. check_object_radio();
  158. get_dirname({{$item->id}});
  159. set_upload_param(up, file.name, true);
  160. },
  161. UploadProgress: function (up, file) {
  162. var d = document.getElementById(file.id);
  163. d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
  164. var prog = d.getElementsByTagName('div')[0];
  165. var progBar = prog.getElementsByTagName('div')[0];
  166. progBar.style.width = 2 * file.percent + 'px';
  167. progBar.setAttribute('aria-valuenow', file.percent);
  168. },
  169. FileUploaded: function (up, file, info) {
  170. if (info.status == 200) {
  171. $("#container{{$item->id}}").append('<input type="hidden" name="{{$item->id}}:upload[]" value="' + get_uploaded_object_name(file.name) + '"/>');
  172. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上传成功:' + get_uploaded_object_name(file.name);
  173. } else {
  174. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
  175. }
  176. },
  177. Error: function (up, err) {
  178. document.getElementById('console{{$item->id}}').appendChild(document.createTextNode("\nError xml:" + err.response));
  179. }
  180. }
  181. });
  182. uploader{{$item->id}}.init();
  183. @endforeach
  184. window.addEventListener("keydown", function (e) {
  185. //可以判断是不是mac,如果是mac,ctrl变为花键
  186. //event.preventDefault() 方法阻止元素发生默认的行为。
  187. if (e.keyCode === 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
  188. e.preventDefault();
  189. // Process event...
  190. $('#form1').submit();
  191. //window.location.href='/admin/flow/clientDataUpload/360/1';
  192. }
  193. }, false);
  194. </script>
  195. </body>
  196. </html>