' + '' + ''; } $('.form1_1').append(int); } function datetime(name, desc, field, datefmt, is_required) { var datetime = ""; if (is_required == "1") { datetime = '' } else { datetime = '' } $('.form1_1').append(datetime); } function code(name, desc, field, url, is_required) { var code = ""; if (is_required == '1') { code = ''; } else { code = ''; } $('.form1_1').append(code); } var img_number = ''; var img_name = ''; function click_save() { var data_url = "/index.php?ct=form&at=index&formid=18&siteid=1"; var data_parameter = {}; $('.form1_1 input').each(function() { data_parameter[$(this).attr('name')] = $(this).val() }); $('.form1_1 textarea').each(function() { data_parameter[$(this).attr('name')] = $(this).val() }); data_parameter.ajax = 1; console.log(data_parameter); save_submit(data_url, data_parameter); } function save_submit(url, param) { $.ajax({ url: url, data: param, type: "post", dataType: "json", success: function(retjson) { //alerts(JSON.stringify(retjson)); if(retjson.stat =='1'){ jQuery.ajax({ url: "http://www.weilancj.com/x-third-part/sweetalerts/1.1.3/sweetalerts.min.js", dataType: "script", cache: true }).done(function() { swal({ title: "恭喜", text: "添加成功", type: "success" },function(){ window.location.reload(); }); }); //window.location.reload(); }else{ jQuery.ajax({ url: "http://www.weilancj.com/x-third-part/sweetalerts/1.1.3/sweetalerts.min.js", dataType: "script", cache: true }).done(function() { swal({ title: "失敗", text:retjson.msg, type: "error" },function(){ // window.location.reload(); }); }); //window.location.reload(); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { //alerts(JSON.stringify(XMLHttpRequest)); //alerts(XMLHttpRequest.status); //alerts(XMLHttpRequest.readyState); //alerts(textStatus); //alerts(errorThrown); } }); } $(function() { $('#form_box .form-group .col-sm-2').addClass('col-sm-offset-1'); $('#form_box #form1 .form-group .col-sm-4').addClass('col-sm-8').removeClass('col-sm-4'); //$('.help-block').prepend('') $('.help-block').each(function() { if ($(this).text() == '') { $(this).html(''); } else { } }) var fields = [{"id":"191","m_id":"18","field":"name","name":"\u59d3\u540d","desc":"\u8bf7\u8f93\u5165\u4f60\u7684\u59d3\u540d","minl":"0","maxl":"0","rule":"","errortext":"","fieldtype":"text","setting":{"type":"","default":"\u8bf7\u8f93\u5165\u4f60\u7684\u59d3\u540d","rows":0,"itemsnum":0},"is_system":"1","is_require":"1","is_search":"0","is_unique":"0","is_core":"0","order":"0","stat":"1"},{"id":"192","m_id":"18","field":"tel","name":"\u8054\u7cfb\u7535\u8bdd","desc":"\u8bf7\u8f93\u5165\u60a8\u7684\u8054\u7cfb\u7535\u8bdd\uff0c\u4f8b\u5982\uff1a15094019029.","minl":"0","maxl":"0","rule":"","errortext":"","fieldtype":"text","setting":{"type":"","default":"\u8bf7\u8f93\u5165\u60a8\u7684\u8054\u7cfb\u7535\u8bdd","rows":0,"itemsnum":0},"is_system":"1","is_require":"1","is_search":"0","is_unique":"0","is_core":"0","order":"0","stat":"1"},{"id":"193","m_id":"18","field":"demand","name":"\u9700\u6c42\u7c7b\u578b","desc":"","minl":"0","maxl":"0","rule":"","errortext":"","fieldtype":"items","setting":{"type":"radio","default":"1","rows":0,"itemsnum":0,"items":[{"name":"\u54a8\u8be2","val":"1"},{"name":"\u6295\u8bc9","val":"2"},{"name":"\u5efa\u8bae","val":"3"}]},"is_system":"1","is_require":"1","is_search":"0","is_unique":"0","is_core":"0","order":"0","stat":"1"},{"id":"194","m_id":"18","field":"email","name":"\u7535\u5b50\u90ae\u4ef6","desc":"\u8bf7\u8f93\u5165\u60a8\u7684\u7535\u5b50\u90ae\u7bb1\uff0c\u4f8b\u5982\uff1aservice@gpw1yysweb.com","minl":"0","maxl":"0","rule":"","errortext":"","fieldtype":"text","setting":{"type":"","default":"\u8bf7\u8f93\u5165\u60a8\u7684\u7535\u5b50\u90ae\u7bb1","rows":0,"itemsnum":0},"is_system":"1","is_require":"0","is_search":"0","is_unique":"0","is_core":"0","order":"0","stat":"1"},{"id":"195","m_id":"18","field":"content","name":"\u7559\u8a00\u5185\u5bb9","desc":"\u8bf7\u8f93\u5165\u60a8\u7684\u7559\u8a00\u5185\u5bb9\uff0c5-500\u4e2a\u5b57\u3002","minl":"0","maxl":"0","rule":"","errortext":"","fieldtype":"textarea","setting":{"type":"","default":"\u8bf7\u8f93\u5165\u60a8\u7684\u7559\u8a00\u5185\u5bb9...","rows":6,"itemsnum":0},"is_system":"1","is_require":"1","is_search":"0","is_unique":"0","is_core":"0","order":"0","stat":"1"},{"field":"__formcode__","name":"\u9a8c\u8bc1\u7801","desc":"\u8bf7\u8f93\u5165\u9a8c\u8bc1\u7801","fieldtype":"__verifycode__","setting":{"url":"index.php?oop=sys&ct=code&at=refresh&i=1&code_id=formcode"}}]; for (var t = 0; t ') .appendTo($wrap.find('.queueList')), // 狀態欄，包括進度和控製按鈕 $statusBar = $wrap.find('.statusBar'), // 文件總體選擇信息。 $info = $statusBar.find('.info'), // 上傳按鈕 $upload = $wrap.find('.uploadBtn'), // 沒選擇文件之前的內容。 $placeHolder = $wrap.find('.placeholder'), // 總體進度條 $progress = $statusBar.find('.progress').hide(), // 添加的文件數量 fileCount = 0, // 添加的文件總大小 fileSize = 0, // 優化retina, 在retina下這個值是2 ratio = window.devicePixelRatio || 1, // 縮略圖大小 thumbnailWidth = 110 * ratio, thumbnailHeight = 110 * ratio, // 可能有pedding, ready, uploading, confirm, done. state = 'pedding', // 所有文件的進度信息，key為file id percentages = {}, supportTransition = (function() { var s = document.createElement('p').style, r = 'transition' in s || 'WebkitTransition' in s || 'MozTransition' in s || 'msTransition' in s || 'OTransition' in s; s = null; return r; })(), // WebUploader實例 uploader; if (!WebUploader.Uploader.support()) { alerts('Web Uploader 不支持您的瀏覽器！如果你使用的是IE瀏覽器，請嚐試升級 flash 播放器'); throw new Error('WebUploader does not support the browser you are using.'); } // 實例化 uploader = WebUploader.create({ pick: { id: '.file_btn', label: '選擇圖片' }, dnd: '#uploader .queueList', paste: document.body, accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' }, // swf文件路徑 swf: '/static/components/webuploader/expressInstall.swf', disableGlobalDnd: true, chunked: true, // server: 'http://webuploader.duapp.com/server/fileupload.php', server: '/index.php?oop=admin&ct=system&at=upload&i=1', formData: { uploadtype: escape('image'), folder: "cms_front", uptype: "cms_front" }, fileNumLimit: img_number, fileSizeLimit: 5 * 1024 * 1024, // 200 M fileSingleSizeLimit: 1 * 1024 * 1024 // 50 M }); // 添加“添加文件”的按鈕， uploader.addButton({ id: '#filePicker2', label: '繼續添加' }); // 當有文件添加進來時執行，負責view的創建 function addFile(file) { var $li = $('

' + '

' + file.name + '

' + '

' + '

' + '

'), $btns = $('').appendTo($li), $prgress = $li.find('p.progress span'), $wrap = $li.find('p.imgWrap'), $info = $('

'), showError = function(code) { switch (code) { case 'exceed_size': text = '文件大小超出'; break; case 'interrupt': text = '上傳暫停'; break; default: text = '上傳失敗，請重試'; break; } $info.text(text).appendTo($li); }; if (file.getStatus() === 'invalid') { showError(file.statusText); } else { // @todo lazyload $wrap.text('預覽中'); uploader.makeThumb(file, function(error, src) { if (error) { $wrap.text('不能預覽'); return; } var img = $(''); $wrap.empty().append(img); }, thumbnailWidth, thumbnailHeight); percentages[file.id] = [file.size, 0]; file.rotation = 0; } file.on('statuschange', function(cur, prev) { console.log(cur); if (prev === 'progress') { $prgress.hide().width(0); } else if (prev === 'queued') { $li.off('mouseenter mouseleave'); $btns.remove(); } // 成功 if (cur === 'error' || cur === 'invalid') { console.log(file.statusText); showError(file.statusText); percentages[file.id][1] = 1; } else if (cur === 'interrupt') { showError('interrupt'); } else if (cur === 'queued') { percentages[file.id][1] = 0; } else if (cur === 'progress') { $info.remove(); $prgress.css('display', 'block'); } else if (cur === 'complete') { uploader.on('uploadSuccess', function(file, response) { $li.append(''); $('.filelist li input:first-child').nextAll('input').remove(); }); $li.append(''); } $li.removeClass('state-' + prev).addClass('state-' + cur); $('.filelist li input:first-child').nextAll('input').remove(); }); $li.on('mouseenter', function() { $btns.stop().animate({ height: 30 }); }); $li.on('mouseleave', function() { $btns.stop().animate({ height: 0 }); }); $btns.on('click', 'span', function() { var index = $(this).index(), deg; switch (index) { case 0: uploader.removeFile(file); return; case 1: file.rotation += 90; break; case 2: file.rotation -= 90; break; } if (supportTransition) { deg = 'rotate(' + file.rotation + 'deg)'; $wrap.css({ '-webkit-transform': deg, '-mos-transform': deg, '-o-transform': deg, 'transform': deg }); } else { $wrap.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + (~~((file.rotation / 90) % 4 + 4) % 4) + ')'); // use jquery animate to rotation // $({ // rotation: rotation // }).animate({ // rotation: file.rotation // }, { // easing: 'linear', // step: function( now ) { // now = now * Math.PI / 180; // var cos = Math.cos( now ), // sin = Math.sin( now ); // $wrap.css( 'filter', "progid:DXImageTransform.Microsoft.Matrix(M11=" + cos + ",M12=" + (-sin) + ",M21=" + sin + ",M22=" + cos + ",SizingMethod='auto expand')"); // } // }); } }); $li.appendTo($queue); } // 負責view的銷毀 function removeFile(file) { var $li = $('#' + file.id); delete percentages[file.id]; updateTotalProgress(); $li.off().find('.file-panel').off().end().remove(); } function updateTotalProgress() { var loaded = 0, total = 0, spans = $progress.children(), percent; $.each(percentages, function(k, v) { total += v[0]; loaded += v[0] * v[1]; }); percent = total ? loaded / total : 0; spans.eq(0).text(Math.round(percent * 100) + '%'); spans.eq(1).css('width', Math.round(percent * 100) + '%'); updateStatus(); } function updateStatus() { var text = '', stats; if (state === 'ready') { text = '選中' + fileCount + '張圖片，共' + WebUploader.formatSize(fileSize) + '。'; } else if (state === 'confirm') { stats = uploader.getStats(); if (stats.uploadFailNum) { text = '已成功上傳' + stats.successNum + '張照片至XX相冊，' + stats.uploadFailNum + '張照片上傳失敗，重新上傳失敗圖片或忽略' } } else { stats = uploader.getStats(); text = '共' + fileCount + '張（' + WebUploader.formatSize(fileSize) + '），已上傳' + stats.successNum + '張'; if (stats.uploadFailNum) { text += '，失敗' + stats.uploadFailNum + '張'; } } $info.html(text); } function setState(val) { var file, stats; if (val === state) { return; } $upload.removeClass('state-' + state); $upload.addClass('state-' + val); state = val; switch (state) { case 'pedding': $placeHolder.removeClass('element-invisible'); $queue.parent().removeClass('filled'); $queue.hide(); $statusBar.addClass('element-invisible'); uploader.refresh(); break; case 'ready': $placeHolder.addClass('element-invisible'); $('#filePicker2').removeClass('element-invisible'); $queue.parent().addClass('filled'); $queue.show(); $statusBar.removeClass('element-invisible'); uploader.refresh(); break; case 'uploading': $('#filePicker2').addClass('element-invisible'); $progress.show(); $upload.text('暫停上傳'); break; case 'paused': $progress.show(); $upload.text('繼續上傳'); break; case 'confirm': $progress.hide(); $upload.text('開始上傳').addClass('disabled'); stats = uploader.getStats(); if (stats.successNum && !stats.uploadFailNum) { setState('finish'); return; } break; case 'finish': stats = uploader.getStats(); console.log(stats); if (stats.successNum) { alerts('上傳成功'); } else { // 沒有成功的圖片，重設 state = 'done'; location.reload(); } break; } updateStatus(); } uploader.onUploadProgress = function(file, percentage) { var $li = $('#' + file.id), $percent = $li.find('.progress span'); $percent.css('width', percentage * 100 + '%'); percentages[file.id][1] = percentage; updateTotalProgress(); }; uploader.onFileQueued = function(file) { fileCount++; fileSize += file.size; if (fileCount === 1) { $placeHolder.addClass('element-invisible'); $statusBar.show(); } addFile(file); setState('ready'); updateTotalProgress(); }; uploader.onFileDequeued = function(file) { fileCount--; fileSize -= file.size; if (!fileCount) { setState('pedding'); } removeFile(file); updateTotalProgress(); }; uploader.on('all', function(type) { var stats; switch (type) { case 'uploadFinished': setState('confirm'); break; case 'startUpload': setState('uploading'); break; case 'stopUpload': setState('paused'); break; } }); uploader.onError = function(code) { alerts('Eroor: ' + code); }; $upload.on('click', function() { if ($(this).hasClass('disabled')) { return false; } if (state === 'ready') { uploader.upload(); } else if (state === 'paused') { uploader.upload(); } else if (state === 'uploading') { uploader.stop(); } }); $info.on('click', '.retry', function() { uploader.retry(); }); $info.on('click', '.ignore', function() { alerts('todo'); }); $upload.addClass('state-' + state); updateTotalProgress(); }); }) require(['validate'], function() { $.validator.setDefaults({ highlight: function(element) { $(element).closest('.form-group').removeClass('success').addClass('has-error'); }, success: function(element) { element.html('驗證通過').removeClass('error').addClass("success"); /* $(element).closest('.form-group').removeClass('has-error').addClass('has-success');*/ element.siblings('span').css('display', 'none'); }, errorElement: "span", errorPlacement: function(error, element) { if (element.is(":radio") || element.is(":checkbox")) { error.appendTo(element.parent().parent().parent()); } else { error.appendTo(element.parent()); //element.removeClass('success').addClass("has-error"); } }, errorClass: "help-block m-b-none", validClass: "help-block m-b-none" }); $("#form1").validate({ // onfocusout: function(element) { // /*2.校驗元素高亮樣式移除*/ // $(element).removeClass('success'); // } }); $("#formitem_0").rules("add", {"required":true,"messages":[]});$("#formitem_1").rules("add", {"required":true,"messages":[]});$("#formitem_3").rules("add", {"required":false,"messages":[]});$("#formitem_4").rules("add", {"required":true,"messages":[]});$("#formitem_5").rules("add", {"required":false,"messages":[]}); }); require(["/static/components/my97datepicker/WdatePicker.js"], function() {}) require(['/static/components/hp/js/plugins/sweetalerts/sweetalerts.min.js'], function() {}) require(["/static/components/hp/js/plugins/iCheck/icheck.min.js"], function(icheck) { $('.i_checks').iCheck({ checkboxClass: 'icheckbox_square-green', radioClass: 'iradio_square-green', }); })