' +
'
' + name.replace(/\"/g, '') + '
' +
'
' +
' ' +
' ' +
'
';
}
$('.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://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://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 = $('
' +
'刪(shan)除 ' +
'向(xiang)右旋轉 ' +
'向左(zuo)旋(xuan)轉
').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', });
})