@ -0,0 +1,356 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="为{$title}提交数据。"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="{$title}"> |
||||
|
<meta property="og:description" content="为{$title}提交数据。"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('activity',array('id'=>$id))}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
<div class="form-txt"> |
||||
|
{$activity.infor|htmlspecialchars_decode} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
|
||||
|
{volist name="apply" id="vo"} |
||||
|
{switch $vo['ftype']} |
||||
|
{case value="input"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"><input type="text" name="{$vo.ftag}" id="{$vo.ftag}" placeholder="{$vo.fnotice}"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="radio"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" {if condition="$jey eq 1"}checked{/if} type="radio" value="{$jey}" id="{$vo.ftag}{$jey}" name="{$vo.ftag}"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">{$jo}<span class="quota" style="display:inline-block;vertical-align:top;margin-left:5px;margin-top:-5px;">{if condition="$jo eq '其他'"}<input type="text" name="uother" id="uother">{/if}</span></div> |
||||
|
</label> |
||||
|
{/volist} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="checkbox"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" {if condition="$jey eq 1"}checked{/if} type="checkbox" value="{$jey}" id="{$vo.ftag}{$jey}" name="{$vo.ftag}[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">{$jo}<span class="quota"></span></div> |
||||
|
</label> |
||||
|
{/volist} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="textarea"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="{$vo.ftag}" id="{$vo.ftag}" style="overflow: hidden; overflow-wrap: break-word; height: 66px;" placeholder="{$vo.fnotice}"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="select"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<select name="{$vo.ftag}" id="ptype1"> |
||||
|
<option value="">选择{$vo.fname}</option> |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<option value="{$jey}">{$jo}</option> |
||||
|
{/volist} |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="notice"} |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
{$vo.fnotice} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{/switch} |
||||
|
{/volist} |
||||
|
|
||||
|
<div class="col-sm-12 filebox"> |
||||
|
<p style="margin:6px 0px;"><strong>附件</strong></p> |
||||
|
<div class="row"> |
||||
|
{volist name="apply" id="vo"} |
||||
|
{switch $vo['ftype']} |
||||
|
{case value="file"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="{$vo.ftag}btn" id="{$vo.ftag}btn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="{$vo.ftag}" id="{$vo.ftag}" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif,pdf,xls;最多10张</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{/switch} |
||||
|
{/volist} |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人确认提交的信息准确无误。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
|
||||
|
{volist name="apply" id="vo"} |
||||
|
{switch $vo['ftype']} |
||||
|
{case value="file"} |
||||
|
$(".filebox").show(); |
||||
|
var url="{:url('upload',['key'=>$vo.ftag.'btn'])}"; |
||||
|
uploadPic(url,"#{$vo.ftag}btn","#{$vo.ftag}",0,10); |
||||
|
{/case} |
||||
|
{/switch} |
||||
|
{/volist} |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
|
||||
|
var rules={{volist name="apply" id="vo"}{if condition="$vo['frequire'] eq 1"}"{$vo.ftag}":"required",{/if}{/volist}}; |
||||
|
var uway=$("input[name='uway']:checked").val(); |
||||
|
if(uway==1){ |
||||
|
$("#uaddr").parents(".field").removeClass('required'); |
||||
|
rules.uaddr=''; |
||||
|
} |
||||
|
$("input[name='uway']").change(function(){ |
||||
|
uway=$("input[name='uway']:checked").val(); |
||||
|
if(uway==1){ |
||||
|
$("#uaddr").parents(".field").removeClass('required'); |
||||
|
rules.uaddr=''; |
||||
|
}else{ |
||||
|
$("#uaddr").parents(".field").addClass('required'); |
||||
|
rules.uaddr='required'; |
||||
|
} |
||||
|
}); |
||||
|
if(typeof rules.uaddr!='undefined'&&rules.uaddr=='')delete rules.uaddr; |
||||
|
console.log("rules",rules); |
||||
|
var messages={{volist name="apply" id="vo"}{if condition="$vo['frequire'] eq 1"}"{$vo.ftag}":"{$vo.fname}{switch $vo['ftype']}{case value='raido|checkbox'}必选{/case}{case value='file'}必上传{/case}{default/}必填{/switch}",{/if}{/volist}}; |
||||
|
tool.commonForm("#postForm",rules,messages,'','',function(data){ |
||||
|
console.log(data); |
||||
|
if(typeof data.msg!=undefined){ |
||||
|
tool.msg(data.msg,3000,0.2,function(){ |
||||
|
if(data.code==0){ |
||||
|
$("input[name='__token__']").val(data.data.token); |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,157 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文化产权交易所文化资产管理中心</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="深圳文化产权交易所文化资产管理中心"> |
||||
|
<style> |
||||
|
body{font-size:13px;} |
||||
|
.text-center{text-align:center;} |
||||
|
*{margin:0px;padding:0px;} |
||||
|
#activityMsg{font-size:14px;background:#fff !important;border-radius:10px;padding:0px;top:20% !important;} |
||||
|
#activityMsg .bg{float:right;width:47%;} |
||||
|
#activityMsg .wraper{position:absolute;z-index:99;left:0px;top:2%;width:100%;text-align:center;} |
||||
|
#activityMsg .close-reveal-modal{font-size:1.8rem;font-weight:normal;top:6px !important;right:6px;color:#545454;} |
||||
|
#activityMsg .btn img{width:30%;} |
||||
|
#activityMsg .msg{margin:8% 0px;color:#3f3f3f;font-size:1.2rem;line-height:2.4rem;} |
||||
|
|
||||
|
.activitywraper p{margin:0px;} |
||||
|
.activitywraper .check-box-wrapper,.activitywraper .radio-button-wrapper{position:relative;float:left;display:inline-block;padding:0;width:16px;height:16px;line-height:16px;text-align:center;vertical-align:middle;margin:2px 1px 0 0}.entry-container-inner form .check-box-wrapper input[type="radio"],.entry-container-inner form .check-box-wrapper input[type="checkbox"],.entry-container-inner form .radio-button-wrapper input[type="radio"],.entry-container-inner form .radio-button-wrapper input[type="checkbox"]{position:absolute;left:-9999px;visibility:hidden} |
||||
|
.activitywraper .choice-description{margin-top:2px;margin-left:20px;} |
||||
|
.activitywraper .radio.inline,.activitywraper .checkbox.inline{display:inline-block;vertical-align:top;margin-top:0;margin-right:11px;white-space:nowrap} |
||||
|
#activityPage{background:#fff;font-size:14px;border-radius:10px;padding:0px 25px 20px 25px;width:900px;margin-left:-450px;} |
||||
|
.activitywraper{width:850px;background:#fff;margin:0px auto;} |
||||
|
.activitywraper .head{text-align:center;} |
||||
|
.activitywraper .head img.title{width:28%;margin-top:-1px;} |
||||
|
.activitywraper .close-reveal-modal{font-size:1.8rem;font-weight:normal;top:6px !important;right:6px;color:#545454;text-decoration:none;} |
||||
|
.activitywraper .head .back{position:absolute;z-index:99;left:25px;top:8px;width:9%;text-align:left;} |
||||
|
.currentlist .show{margin-top:15px;position:relative;} |
||||
|
.passlist .title{color:#a8a8a8;text-align:center;margin:15px 0px;background:url(../../static/img/activity/line.jpg) center repeat-x;position:relative;} |
||||
|
.passlist .title span{background:#fff;padding:0px 10px;font-size:1.2rem;} |
||||
|
.passlist .title a{background:#fff;width:9%;padding-left:5px;position:absolute;z-index:99;right:0px;top:-1px;} |
||||
|
.passlist .title a img{} |
||||
|
.passlist .show{display:inline-block;vertical-align:top;width:32%;} |
||||
|
.passlist .show:nth-child(2){margin:0px 1.2%;} |
||||
|
|
||||
|
.activitywraper .pagecontent{margin-top:25px;} |
||||
|
.activitywraper .leftside,.activitywraper .rightside{display:inline-block;vertical-align:top;} |
||||
|
.activitywraper .leftside{width:35%;margin-right:2%;} |
||||
|
.activitywraper .rightside{width:62%;color:#828282;line-height:1.2rem;} |
||||
|
.activitywraper .rightside .title{color:#252e4b;font-size:1.12rem;font-weight:bold;margin-bottom:5px;} |
||||
|
.activitywraper .formwraper{background:#f0f0f0;padding:8px 10px;margin-top:10px;} |
||||
|
.activitywraper .formwraper .form{margin:10px 0px 20px 0px;text-align:center;} |
||||
|
.activitywraper .form form{margin:0px auto;width:80%;text-align:left;} |
||||
|
.activitywraper .form a img{width:31%;} |
||||
|
.activitywraper .form .row{margin-bottom:10px;} |
||||
|
.activitywraper .form input{width:100%;color:#3e3e3e;margin-top:3px;display:inline-block;vertical-align:top;text-indent:4px;border:1px solid #dedede;border-radius:4px;line-height:1.6rem;} |
||||
|
.activitywraper .form .col3{width:32%;display:inline-block;vertical-align:top;} |
||||
|
.activitywraper .form .col3:nth-child(2){margin:0px 0.8%;} |
||||
|
.activitywraper .form .col2{width:48%;display:inline-block;vertical-align:top;} |
||||
|
.activitywraper .form .col2:nth-child(2){margin-left:2.6%;} |
||||
|
|
||||
|
.activitywraper .remark{background:#f8f8f8;padding:10px 15px;font-size:0.8rem;} |
||||
|
.activitywraper .remark .label,.activitywraper .remark .txt{display:inline-block;vertical-align:top;} |
||||
|
.activitywraper .remark .label{width:10%;font-weight:bold;} |
||||
|
.activitywraper .remark .txt{width:88%;} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body style="background:#fff"> |
||||
|
<div class="activitywraper"> |
||||
|
<div class="pagecontent" style="margin-top:0px;"> |
||||
|
{if condition="$activity['pic']"}<div class="leftside"><img src="{:SITE_PATH}{$activity.pic}" width="100%"/></div>{/if} |
||||
|
<div class="rightside"> |
||||
|
<div class="title">活动介绍:</div> |
||||
|
<div class="infor"> |
||||
|
{$activity.infor|htmlspecialchars_decode} |
||||
|
</div> |
||||
|
{if condition="$activity['state'] eq 1"} |
||||
|
<div class="formwraper"> |
||||
|
<div class="form"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('activity',['id'=>$id])}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="row"> |
||||
|
{volist name="apply" id="vo" key="aey"} |
||||
|
{switch $vo['ftype']} |
||||
|
{case value="input"} |
||||
|
<input type="text" name="{$vo.ftag}" id="{$vo.ftag}" placeholder="{$vo.fname}" class="col2"> |
||||
|
{/case} |
||||
|
{case value="radio"} |
||||
|
<div class="choices col2" data-random-choices="false">{$vo.fname}: |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" {if condition="$jey eq 1"}checked{/if} type="radio" value="{$jey}" id="company{$jey}" name="{$vo.ftag}"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">{$jo}<span class="quota"></span></div> |
||||
|
</label> |
||||
|
{/volist} |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="checkbox"} |
||||
|
<div class="choices col2" data-random-choices="false">{$vo.fname}: |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" {if condition="$jey eq 1"}checked{/if} type="checkbox" value="{$jey}" id="company{$jey}" name="{$vo.ftag}"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">{$jo}<span class="quota"></span></div> |
||||
|
</label> |
||||
|
{/volist} |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="textarea"} |
||||
|
<textarea rows="3" name="{$vo.ftag}" placeholder="{$vo.fname}" id="{$vo.ftag}" style="overflow: hidden; overflow-wrap: break-word; height: 66px;" placeholder="{$vo.fnotice}"></textarea> |
||||
|
{/case} |
||||
|
{case value="select"} |
||||
|
<select name="{$vo.ftag}" id="ptype1" class="col2"> |
||||
|
<option value="">选择{$vo.fname}</option> |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<option value="{$jey}">{$jo}</option> |
||||
|
{/volist} |
||||
|
</select> |
||||
|
{/case} |
||||
|
{/switch} |
||||
|
{if condition="$aey%2 eq 0"}</div><div class="row">{/if} |
||||
|
{/volist} |
||||
|
</div> |
||||
|
<div class="row text-center"> |
||||
|
<a href="javascript:void(0);" onclick="$('#postForm').submit()"><img src="{$yf_theme_path}static/img/activity/submit.png" /></a> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
{if condition="$activity['notice'] "} |
||||
|
<div class="remark"> |
||||
|
<div class="label">备注:</div> |
||||
|
<div class="txt">{$activity.notice|htmlspecialchars_decode}</div> |
||||
|
</div> |
||||
|
{/if} |
||||
|
</div> |
||||
|
{/if} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
var rules={{volist name="apply" id="vo"}{if condition="$vo['frequire'] eq 1"}"{$vo.ftag}":"required",{/if}{/volist}}; |
||||
|
{if condition="$activity['state'] neq 1"} |
||||
|
$("#activityPage .head .title",parent.document).css('opacity',0); |
||||
|
{else} |
||||
|
$("#activityPage .head .title",parent.document).css('opacity',1); |
||||
|
{/if} |
||||
|
var messages={{volist name="apply" id="vo"}{if condition="$vo['frequire'] eq 1"}"{$vo.ftag}":"{$vo.fname}{switch $vo['ftype']}{case value='raido|checkbox'}必选{/case}{case value='file'}必上传{/case}{default/}必填{/switch}",{/if}{/volist}}; |
||||
|
tool.commonForm("#postForm",rules,messages,tool.tipError,'',function(data){ |
||||
|
if(data.code==0){ |
||||
|
$("input[name='__token__']").val(data.data.token); |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
$('#activityPage',parent.document).hide(); |
||||
|
$('#activityMsg',parent.document).css({"visibility":"visible"}); |
||||
|
$('#activityMsg',parent.document).animate({"opacity":1}); |
||||
|
}else{ |
||||
|
tool.msg(data.msg); |
||||
|
} |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,58 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文化产权交易所文化资产管理中心</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="深圳文化产权交易所文化资产管理中心"> |
||||
|
<style> |
||||
|
body{font-size:13px;} |
||||
|
.text-center{text-align:center;} |
||||
|
*{margin:0px;padding:0px;} |
||||
|
.show{display:inline-block;vertical-align:top;width:33%;text-align:center;line-height:1.8rem;font-size:1rem;} |
||||
|
.show img{width:100%;} |
||||
|
.pagebox{text-align:center;} |
||||
|
.pagination a{color: #666;} |
||||
|
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px} |
||||
|
.pagination>li {display: inline} |
||||
|
.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;background-color: #fff;border: 1px solid #ddd} |
||||
|
.pagination>li:first-child>a,.pagination>li:first-child>span { margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px} |
||||
|
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px} |
||||
|
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {background-color: #eee} |
||||
|
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 2;color: #fff;cursor: default;background-color: #d43f3a;border-color: #d43f3a} |
||||
|
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span {color: #999;cursor: not-allowed;background-color: #fff;border-color: #ddd} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body style="background:#fff"> |
||||
|
<div class="activitywraper"> |
||||
|
<div class="pagecontent" style="margin-top:0px;"> |
||||
|
<div class="showlist"> |
||||
|
{volist name="list" id="vo"} |
||||
|
{if condition="$vo['poster']"} |
||||
|
<div class="show"> |
||||
|
<div class="img"><a href="javascript:void(0);" data-id="{$vo.id}"><img src="{$vo.poster}" /></a></div> |
||||
|
<div class="title">{$vo.title}</div> |
||||
|
</div> |
||||
|
{/if} |
||||
|
{/volist} |
||||
|
</div> |
||||
|
<div class="pagebox"> |
||||
|
{$pageshow} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script> |
||||
|
$(function(){ |
||||
|
$(".show a").click(function(){ |
||||
|
var id=$(this).data('id'); |
||||
|
if(id){ |
||||
|
$("#actframe",parent.document).attr('src',""); |
||||
|
var url="{:url('index/activity')}?id="+id; |
||||
|
$("#actframe",parent.document).attr('src',url); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,424 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)"> |
||||
|
<meta property="og:description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply',array('cid'=>$cid))}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构名称<span>(请填写2-50个字)</span></div> |
||||
|
<div class="field-content"><input type="text" name="orgname" id="orgname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构信用代码</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="orgcode" id="orgcode"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="address" id="address"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">营业执照图片</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="license" id="license" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="org_poster" id="org_poster" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人姓名</div> |
||||
|
<div class="field-content"><input type="text" name="legal" id="legal"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人身份证号码</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="credcard" id="credcard"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人身份证正反面照片</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="hidden" name="credfile" id="credfile" > |
||||
|
<input type="file" name="credfilebtn" id="credfilebtn" > |
||||
|
<div class="attachments"></div> |
||||
|
|
||||
|
<div class="attachment-select-trigger" data-max-file-quantity="2"> |
||||
|
<label ><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件(最多上传二张)、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
|
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系人</div> |
||||
|
<div class="field-content"><input type="text" name="contact" id="contact"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">手机号码</div> |
||||
|
<div class="field-content"> |
||||
|
|
||||
|
<div data-role="verification_sender"> |
||||
|
<div class="gd-input-container"><input class="mobile-input input-with-icon enhanced-input" placeholder=" " type="tel" name="mobile" id="mobile"><i class="gd-input-icon gd-icon-mobile"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="gd-input-container"><input class="input-with-icon enhanced-input" type="text" name="telphone" id="telphone"><i class="gd-input-icon gd-icon-telephone"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-3 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >是否在深圳文交所开户</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline" > |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="openacc1" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
是<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="0" id="openacc2" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
否<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >计划投资额度(单位:万元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="quota" id="quota"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >机构简介及艺术资源介绍:<span>(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="description" id="description" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >艺术品意向投资方向:<span>(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="trends" id="trends" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >理事声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人自愿申请加入深圳文化产权交易所艺术品投资与收藏俱乐部,承诺自觉遵守俱乐部章程及其相关管理规定。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
<div id="form_page_error_messages_modal" class="modal warning form-error-messages-modal"> |
||||
|
<div class="modal-dialog modal-sm"><div class="modal-content"> |
||||
|
<div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>×</span></button><h4 class="modal-title">错误提醒</h4></div> |
||||
|
<div class="modal-body clearfix"> |
||||
|
<div class="error-explanation"> |
||||
|
<h5>提交未成功,当前页面填写有错误!</h5> |
||||
|
</div> |
||||
|
</div></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
//身份证号码的验证规则 |
||||
|
function isIdCardNo(num){ |
||||
|
//if (isNaN(num)) {alert("输入的不是数字!"); return false;} |
||||
|
var len = num.length, re; |
||||
|
if (len == 15) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); |
||||
|
else if (len == 18) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); |
||||
|
else { |
||||
|
//alert("输入的数字位数不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
var a = num.match(re); |
||||
|
if (a != null) |
||||
|
{ |
||||
|
if (len==15) |
||||
|
{ |
||||
|
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
if (!B) { |
||||
|
//alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
if(!re.test(num)){ |
||||
|
//alert("身份证最后一位只能是数字和字母。"); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
console.log("1111"); |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'license'])}"; |
||||
|
uploadPic(url,"#license","#org_poster",0,1); |
||||
|
var url="{:url('upload',['key'=>'credfilebtn'])}"; |
||||
|
uploadPic(url,"#credfilebtn","#credfile",1,2); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
// 身份证号码验证 |
||||
|
jQuery.validator.addMethod("isIdCardNo", function(value, element) { |
||||
|
//var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/; |
||||
|
return this.optional(element) || isIdCardNo(value); |
||||
|
}, "请输入正确的身份证号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"orgname":"required", |
||||
|
"orgcode":"required", |
||||
|
"address":"required", |
||||
|
"legal":"required", |
||||
|
"credcard":{ |
||||
|
"required":true, |
||||
|
"isIdCardNo":true |
||||
|
}, |
||||
|
//"credfilebtn":"required", |
||||
|
"contact":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
} |
||||
|
}; |
||||
|
var messages={ |
||||
|
"orgname":"机构名称必填", |
||||
|
"orgcode":"机构信用代码必填", |
||||
|
"address":"机构联系地址必填", |
||||
|
"legal":"法人姓名必填", |
||||
|
"credcard":{ |
||||
|
"required":"法人身份证号码必填" |
||||
|
}, |
||||
|
"credfilebtn":"法人身份证照片必须上传", |
||||
|
"contact":"联系人必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
} |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,429 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)"> |
||||
|
<meta property="og:description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply',array('cid'=>$cid))}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">深圳文交所艺术品投资与收藏俱乐部理事申请表(个人)</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">姓名(请填写2-10个字)</span></div> |
||||
|
<div class="field-content"><input type="text" name="username" id="username" maxlength="10"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">个人照片</div> |
||||
|
<div class="field-content"> |
||||
|
<p>请上传您的照片</p> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="hidden" name="avatar" id="avatar" class="jquery-file-upload-file-input" > |
||||
|
<input type="file" name="avatarbtn" id="avatarbtn" class="jquery-file-upload-file-input" > |
||||
|
<div class="attachments"> |
||||
|
</div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif。</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-drop-down col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="dropdown-wrapper"> |
||||
|
<select class="needsclick has-data field-transformed" data-has-error="false" data-random-choices="false" name="cred_type" id="cred_type"><option value="">请选择</option> |
||||
|
<option selected="selected" value="1">身份证</option> |
||||
|
<option value="2">护照</option> |
||||
|
<option value="3">军人证</option> |
||||
|
</select> |
||||
|
<b class="dropdown-bg"></b> |
||||
|
<i class="dropdown-trigger"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件号码(请填写最多18个字)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="credcard" id="credcard" maxlength="18"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件照片(身份证需正反面)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="hidden" name="credfile" id="credfile" > |
||||
|
<input type="file" name="credfilebtn" id="credfilebtn" > |
||||
|
<div class="attachments"></div> |
||||
|
|
||||
|
<div class="attachment-select-trigger" data-max-file-quantity="2"> |
||||
|
<label ><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件(最多上传二张)、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif。</div></div></label> |
||||
|
</div> |
||||
|
|
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="address" id="address"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">手机号码</div> |
||||
|
<div class="field-content"> |
||||
|
|
||||
|
<div data-role="verification_sender"> |
||||
|
<div class="gd-input-container"><input class="mobile-input input-with-icon enhanced-input" placeholder=" " type="tel" name="mobile" id="mobile"><i class="gd-input-icon gd-icon-mobile"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="gd-input-container"><input class="input-with-icon enhanced-input" type="text" name="telphone" id="telphone"><i class="gd-input-icon gd-icon-telephone"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">艺术品投资年限(单位:年)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="gd-input-container"><input class="input-with-icon enhanced-input" max="999999999999999" min="0" placeholder=" " type="number" name="join_year" id="join_year"><i class="gd-input-icon gd-icon-number"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-3 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >是否在深圳文交所开户</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline" > |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="openacc1" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
是<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="0" id="openacc2" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
否<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >计划投资额度(单位:万元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="quota" id="quota"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >工作经历及职务(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="experience" id="experience" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >艺术品意向投资方向:<span>(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="trends" id="trends" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >理事声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人自愿申请加入深圳文化产权交易所艺术品投资与收藏俱乐部,承诺自觉遵守俱乐部章程及其相关管理规定<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
<div id="form_page_error_messages_modal" class="modal warning form-error-messages-modal"> |
||||
|
<div class="modal-dialog modal-sm"><div class="modal-content"> |
||||
|
<div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>×</span></button><h4 class="modal-title">错误提醒</h4></div> |
||||
|
<div class="modal-body clearfix"> |
||||
|
<div class="error-explanation"> |
||||
|
<h5>提交未成功,当前页面填写有错误!</h5> |
||||
|
</div> |
||||
|
</div></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/widget/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
//身份证号码的验证规则 |
||||
|
function isIdCardNo(num){ |
||||
|
//if (isNaN(num)) {alert("输入的不是数字!"); return false;} |
||||
|
var len = num.length, re; |
||||
|
if (len == 15) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); |
||||
|
else if (len == 18) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); |
||||
|
else { |
||||
|
//alert("输入的数字位数不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
var a = num.match(re); |
||||
|
if (a != null) |
||||
|
{ |
||||
|
if (len==15) |
||||
|
{ |
||||
|
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
if (!B) { |
||||
|
//alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
if(!re.test(num)){ |
||||
|
//alert("身份证最后一位只能是数字和字母。"); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
console.log("1111"); |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'avatarbtn'])}"; |
||||
|
uploadPic(url,"#avatarbtn","#avatar",0,1); |
||||
|
var url="{:url('upload',['key'=>'credfilebtn'])}"; |
||||
|
uploadPic(url,"#credfilebtn","#credfile",1,2); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
// 身份证号码验证 |
||||
|
jQuery.validator.addMethod("isIdCardNo", function(value, element) { |
||||
|
//var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/; |
||||
|
return this.optional(element) || isIdCardNo(value); |
||||
|
}, "请输入正确的身份证号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"username":"required", |
||||
|
"avatar":"required", |
||||
|
"cred_type":"required", |
||||
|
"credcard":{ |
||||
|
"required":true, |
||||
|
"isIdCardNo":true |
||||
|
}, |
||||
|
//"credfilebtn":"required", |
||||
|
"contact":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
}, |
||||
|
"join_year":"required" |
||||
|
}; |
||||
|
var messages={ |
||||
|
"username":"姓名必填", |
||||
|
"avatar":"个人照片必须上传", |
||||
|
"cred_type":"证件类型必选", |
||||
|
"credcard":{ |
||||
|
"required":"法人身份证号码必填" |
||||
|
}, |
||||
|
"credfilebtn":"法人身份证照片必须上传", |
||||
|
"contact":"联系人必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
}, |
||||
|
"join_year":"艺术品投资年限必填" |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,371 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)"> |
||||
|
<meta property="og:description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply',array('cid'=>$cid))}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">深圳文交所艺术品投资与收藏俱乐部理事申请表(个人)</h1> |
||||
|
<div class="form-description"> |
||||
|
<img src="{$yf_theme_path}index/Public/Img/logo.png"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">姓名(请填写2-10个字)</span></div> |
||||
|
<div class="field-content"><input type="text" name="username" id="username" maxlength="10"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">个人照片</div> |
||||
|
<div class="field-content"> |
||||
|
<p>请上传您的照片</p> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="hidden" name="avatar" id="avatar" class="jquery-file-upload-file-input" > |
||||
|
<input type="file" name="avatarbtn" id="avatarbtn" class="jquery-file-upload-file-input" > |
||||
|
<div class="attachments"> |
||||
|
</div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif。</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-drop-down col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="dropdown-wrapper"> |
||||
|
<select class="needsclick has-data field-transformed" data-has-error="false" data-random-choices="false" name="cred_type" id="cred_type"><option value="">请选择</option> |
||||
|
<option selected="selected" value="1">身份证</option> |
||||
|
<option value="2">护照</option> |
||||
|
<option value="3">军人证</option> |
||||
|
</select> |
||||
|
<b class="dropdown-bg"></b> |
||||
|
<i class="dropdown-trigger"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件号码(请填写最多18个字)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="credcard" id="credcard" maxlength="18"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件照片(身份证需正反面)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="hidden" name="credfile" id="credfile" > |
||||
|
<input type="file" name="credfilebtn" id="credfilebtn" > |
||||
|
<div class="attachments"></div> |
||||
|
|
||||
|
<div class="attachment-select-trigger" data-max-file-quantity="2"> |
||||
|
<label ><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif。</div></div></label> |
||||
|
</div> |
||||
|
|
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="address" id="address"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">手机号码</div> |
||||
|
<div class="field-content"> |
||||
|
|
||||
|
<div data-role="verification_sender"> |
||||
|
<div class="gd-input-container"><input class="mobile-input input-with-icon enhanced-input" placeholder=" " type="tel" name="mobile" id="mobile"><i class="gd-input-icon gd-icon-mobile"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="gd-input-container"><input class="input-with-icon enhanced-input" type="text" name="telphone" id="telphone"><i class="gd-input-icon gd-icon-telephone"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">艺术品投资年限(单位:年)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="gd-input-container"><input class="input-with-icon enhanced-input" max="999999999999999" min="0" placeholder=" " type="number" name="join_year" id="join_year"><i class="gd-input-icon gd-icon-number"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-3 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >是否在深圳文交所开户</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline" > |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="openacc1" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
是<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="0" id="openacc2" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
否<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >计划投资额度(单位:万元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="quota" id="quota"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >工作经历及职务(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="experience" id="experience" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >艺术品意向投资方向:<span>(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="trends" id="trends" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >理事声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人自愿申请加入深圳文化产权交易所艺术品投资与收藏俱乐部,承诺自觉遵守俱乐部章程及其相关管理规定<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
<div id="form_page_error_messages_modal" class="modal warning form-error-messages-modal"> |
||||
|
<div class="modal-dialog modal-sm"><div class="modal-content"> |
||||
|
<div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>×</span></button><h4 class="modal-title">错误提醒</h4></div> |
||||
|
<div class="modal-body clearfix"> |
||||
|
<div class="error-explanation"> |
||||
|
<h5>提交未成功,当前页面填写有错误!</h5> |
||||
|
</div> |
||||
|
</div></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
//身份证号码的验证规则 |
||||
|
function isIdCardNo(num){ |
||||
|
//if (isNaN(num)) {alert("输入的不是数字!"); return false;} |
||||
|
var len = num.length, re; |
||||
|
if (len == 15) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); |
||||
|
else if (len == 18) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); |
||||
|
else { |
||||
|
//alert("输入的数字位数不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
var a = num.match(re); |
||||
|
if (a != null) |
||||
|
{ |
||||
|
if (len==15) |
||||
|
{ |
||||
|
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
if (!B) { |
||||
|
//alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
if(!re.test(num)){ |
||||
|
//alert("身份证最后一位只能是数字和字母。"); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
$("#progressbar"+current).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+current).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+current+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
console.log("1111"); |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'avatarbtn'])}"; |
||||
|
uploadPic(url,"#avatarbtn","#avatar",0); |
||||
|
var url="{:url('upload',['key'=>'credfilebtn'])}"; |
||||
|
uploadPic(url,"#credfilebtn","#credfile",1); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
// 身份证号码验证 |
||||
|
jQuery.validator.addMethod("isIdCardNo", function(value, element) { |
||||
|
//var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/; |
||||
|
return this.optional(element) || isIdCardNo(value); |
||||
|
}, "请输入正确的身份证号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"username":"required", |
||||
|
"avatar":"required", |
||||
|
"cred_type":"required", |
||||
|
"credcard":{ |
||||
|
"required":true, |
||||
|
"isIdCardNo":true |
||||
|
}, |
||||
|
//"credfilebtn":"required", |
||||
|
"contact":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
}, |
||||
|
"join_year":"required" |
||||
|
}; |
||||
|
var messages={ |
||||
|
"username":"姓名必填", |
||||
|
"avatar":"个人照片必须上传", |
||||
|
"cred_type":"证件类型必选", |
||||
|
"credcard":{ |
||||
|
"required":"法人身份证号码必填" |
||||
|
}, |
||||
|
"credfilebtn":"法人身份证照片必须上传", |
||||
|
"contact":"联系人必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
}, |
||||
|
"join_year":"艺术品投资年限必填" |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,49 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script> |
||||
|
|
||||
|
$(function(){ |
||||
|
wx.config({ |
||||
|
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
|
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,362 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文化产权交易所文化资产管理中心</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="深圳文化产权交易所文化资产管理中心"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply4')}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$activity.title}</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
{volist name="apply" id="vo"} |
||||
|
{switch $vo['ftype']} |
||||
|
{case value="input"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"><input type="text" name="{$vo.ftag}" id="{$vo.ftag}"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="radio"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" {if condition="$jey eq 1"}checked{/if} type="radio" value="{$jey}" id="company{$jey}" name="{$vo.ftag}"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">{$jo}<span class="quota"></span></div> |
||||
|
</label> |
||||
|
{/volist} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="checkbox"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" {if condition="$jey eq 1"}checked{/if} type="checkbox" value="{$jey}" id="company{$jey}" name="{$vo.ftag}"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">{$jo}<span class="quota"></span></div> |
||||
|
</label> |
||||
|
{/volist} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="textarea"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="{$vo.ftag}" id="{$vo.ftag}" style="overflow: hidden; overflow-wrap: break-word; height: 66px;" placeholder="{$vo.fnotice}"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="select"} |
||||
|
<div class="field {if condition="$vo['frequire'] eq 1"}required{/if} col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<select name="{$vo.ftag}" id="ptype1"> |
||||
|
<option value="">选择{$vo.fname}</option> |
||||
|
{volist name="vo['foptions']" id="jo" key="jey"} |
||||
|
<option value="{$jey}">{$jo}</option> |
||||
|
{/volist} |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{case value="notice"} |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
{$vo.fnotice} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{/switch} |
||||
|
{/volist} |
||||
|
|
||||
|
<div class="col-sm-12 filebox" style="display:none"> |
||||
|
<p style="margin:6px 0px;"><strong>附件</strong></p> |
||||
|
<div class="row"> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
{volist name="apply" id="vo"} |
||||
|
{switch $vo['ftype']} |
||||
|
{case value="file"} |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">{$vo.fname}</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="{$vo.ftag}" id="{$vo.ftag}" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="{$vo.ftag}file" id="{$vo.ftag}file" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif,pdf,xls;最多10张</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/case} |
||||
|
{/switch} |
||||
|
{/volist} |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
{if condition="$activity['infor'] or $activity['contact']"} |
||||
|
<br/> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">温馨提示</div> |
||||
|
<div class="field-content"> |
||||
|
{if condition="$activity['infor']"}<p>{$activity.infor|htmlspecialchars_decode}</p><br/>{/if} |
||||
|
{if condition="$activity['contact']"}<p>{$activity.contact|htmlspecialchars_decode}</p>{/if} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
{/if} |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人确认提交的提货信息准确无误。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
console.log("1111"); |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
|
||||
|
{volist name="apply" id="vo"} |
||||
|
{switch $vo['ftype']} |
||||
|
{case value="file"} |
||||
|
$(".filebox").show(); |
||||
|
var url="{:url('upload',['key'=>$vo.ftag])}"; |
||||
|
uploadPic(url,"#{$vo.ftag}","#{$vo.ftag}file",0,10); |
||||
|
{/case} |
||||
|
{/switch} |
||||
|
{/volist} |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
|
||||
|
var rules={{volist name="apply" id="vo"}{if condition="$vo['frequire'] eq 1"}"{$vo.ftag}":"required",{/if}{/volist}}; |
||||
|
var uway=$("input[name='uway']:checked").val(); |
||||
|
if(uway==1){ |
||||
|
$("#uaddr").parents(".field").removeClass('required'); |
||||
|
rules.uaddr=''; |
||||
|
} |
||||
|
$("input[name='uway']").change(function(){ |
||||
|
uway=$("input[name='uway']:checked").val(); |
||||
|
if(uway==1){ |
||||
|
$("#uaddr").parents(".field").removeClass('required'); |
||||
|
if(typeof rules.uaddr!='undefined')rules.uaddr=''; |
||||
|
}else{ |
||||
|
$("#uaddr").parents(".field").addClass('required'); |
||||
|
rules.uaddr='required'; |
||||
|
} |
||||
|
}); |
||||
|
if(typeof rules.uaddr!='undefined'&&rules.uaddr=='')delete rules.uaddr; |
||||
|
var messages={{volist name="apply" id="vo"}{if condition="$vo['frequire'] eq 1"}"{$vo.ftag}":"{$vo.fname}{switch $vo['ftype']}{case value='raido|checkbox'}必选{/case}{case value='file'}必上传{/case}{default/}必填{/switch}",{/if}{/volist}}; |
||||
|
console.log(rules,messages); |
||||
|
tool.commonForm("#postForm",rules,messages,'','',function(data){ |
||||
|
console.log(data); |
||||
|
|
||||
|
if(typeof data.msg!=undefined){ |
||||
|
tool.msg(data.msg,3000,0.2,function(){ |
||||
|
if(data.code==0){ |
||||
|
$("input[name='__token__']").val(data.data.token); |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,257 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="古建合作机构信息登记表(机构)提交数据。"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="古建合作机构信息登记表(机构)"> |
||||
|
<meta property="og:description" content="古建合作机构信息登记表(机构)提交数据。"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply5',array('cid'=>$cid))}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构名称<span>(请填写2-50个字)</span></div> |
||||
|
<div class="field-content"><input type="text" name="orgname" id="orgname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构信用代码</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="orgcode" id="orgcode"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="address" id="address"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人代表人</div> |
||||
|
<div class="field-content"><input type="text" name="legal" id="legal"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人身份证号码</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="credcard" id="credcard"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系人</div> |
||||
|
<div class="field-content"><input type="text" name="contact" id="contact"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"> |
||||
|
|
||||
|
<div data-role="verification_sender"> |
||||
|
<div class="gd-input-container"><input class="mobile-input input-with-icon enhanced-input" placeholder=" " type="tel" name="mobile" id="mobile"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >古建合作意向/古建收藏或投资方向</div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="direction" id="direction" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >机构简介、资质及艺术资源、藏品等介绍:<span>(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="org_desc" id="org_desc" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人/本机构承诺上述所填信息均属实。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
|
||||
|
//身份证号码的验证规则 |
||||
|
function isIdCardNo(num){ |
||||
|
//if (isNaN(num)) {alert("输入的不是数字!"); return false;} |
||||
|
var len = num.length, re; |
||||
|
if (len == 15) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); |
||||
|
else if (len == 18) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); |
||||
|
else { |
||||
|
//alert("输入的数字位数不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
var a = num.match(re); |
||||
|
if (a != null) |
||||
|
{ |
||||
|
if (len==15) |
||||
|
{ |
||||
|
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
if (!B) { |
||||
|
//alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
if(!re.test(num)){ |
||||
|
//alert("身份证最后一位只能是数字和字母。"); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
|
||||
|
$(function(){ |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
// 身份证号码验证 |
||||
|
jQuery.validator.addMethod("isIdCardNo", function(value, element) { |
||||
|
//var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/; |
||||
|
return this.optional(element) || isIdCardNo(value); |
||||
|
}, "请输入正确的身份证号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"orgname":"required", |
||||
|
"orgcode":"required", |
||||
|
"address":"required", |
||||
|
"legal":"required", |
||||
|
"credcard":{ |
||||
|
"required":true, |
||||
|
"isIdCardNo":true |
||||
|
}, |
||||
|
//"credfilebtn":"required", |
||||
|
"contact":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
} |
||||
|
}; |
||||
|
var messages={ |
||||
|
"orgname":"机构名称必填", |
||||
|
"orgcode":"机构信用代码必填", |
||||
|
"address":"机构联系地址必填", |
||||
|
"legal":"法人姓名必填", |
||||
|
"credcard":{ |
||||
|
"required":"法人身份证号码必填" |
||||
|
}, |
||||
|
"credfilebtn":"法人身份证照片必须上传", |
||||
|
"contact":"联系人必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
} |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages,'','',function(data){ |
||||
|
layer.open({ |
||||
|
title:'反馈结果', |
||||
|
content:data.msg, |
||||
|
yes: function(layero, index){ |
||||
|
if(data.code==0&&data.url){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,260 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="古建合作机构信息登记表(机构)提交数据。"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="古建合作机构信息登记表(机构)"> |
||||
|
<meta property="og:description" content="古建合作机构信息登记表(机构)提交数据。"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply5',array('cid'=>$cid))}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">姓名(请填写2-10个字)</span></div> |
||||
|
<div class="field-content"><input type="text" name="username" id="username" maxlength="10"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required field-drop-down col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="dropdown-wrapper"> |
||||
|
<select class="needsclick has-data field-transformed" data-has-error="false" data-random-choices="false" name="cred_type" id="cred_type"><option value="">请选择</option> |
||||
|
<option selected="selected" value="1">身份证</option> |
||||
|
<option value="2">护照</option> |
||||
|
<option value="3">军人证</option> |
||||
|
</select> |
||||
|
<b class="dropdown-bg"></b> |
||||
|
<i class="dropdown-trigger"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">证件号码(请填写最多18个字)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="credcard" id="credcard" maxlength="18"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="address" id="address"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"> |
||||
|
|
||||
|
<div data-role="verification_sender"> |
||||
|
<div class="gd-input-container"><input class="mobile-input input-with-icon enhanced-input" placeholder=" " type="tel" name="mobile" id="mobile"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建收藏/投资经验(单位:年)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="gd-input-container"><input class="input-with-icon enhanced-input" max="999999999999999" min="0" placeholder=" " type="number" name="join_year" id="join_year"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >古建藏品介绍:<span>(年代、类别、数量、派别等,请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="infor" id="infor" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >个人简介、古建行业相关专业资质、收藏成果等介绍(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="experience" id="experience" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人/本机构承诺上述所填信息均属实<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
|
||||
|
//身份证号码的验证规则 |
||||
|
function isIdCardNo(num){ |
||||
|
//if (isNaN(num)) {alert("输入的不是数字!"); return false;} |
||||
|
var len = num.length, re; |
||||
|
if (len == 15) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); |
||||
|
else if (len == 18) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); |
||||
|
else { |
||||
|
//alert("输入的数字位数不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
var a = num.match(re); |
||||
|
if (a != null) |
||||
|
{ |
||||
|
if (len==15) |
||||
|
{ |
||||
|
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
if (!B) { |
||||
|
//alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
if(!re.test(num)){ |
||||
|
//alert("身份证最后一位只能是数字和字母。"); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
|
||||
|
$(function(){ |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
|
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
// 身份证号码验证 |
||||
|
jQuery.validator.addMethod("isIdCardNo", function(value, element) { |
||||
|
//var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/; |
||||
|
return this.optional(element) || isIdCardNo(value); |
||||
|
}, "请输入正确的身份证号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"username":"required", |
||||
|
"avatar":"required", |
||||
|
"cred_type":"required", |
||||
|
"credcard":{ |
||||
|
"required":true, |
||||
|
"isIdCardNo":true |
||||
|
}, |
||||
|
//"credfilebtn":"required", |
||||
|
"contact":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
}, |
||||
|
"join_year":"required" |
||||
|
}; |
||||
|
var messages={ |
||||
|
"username":"姓名必填", |
||||
|
"avatar":"个人照片必须上传", |
||||
|
"cred_type":"证件类型必选", |
||||
|
"credcard":{ |
||||
|
"required":"法人身份证号码必填" |
||||
|
}, |
||||
|
"contact":"联系人必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
}, |
||||
|
"join_year":"投资年限必填" |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages,'','',function(data){ |
||||
|
layer.open({ |
||||
|
title:'反馈结果', |
||||
|
content:data.msg, |
||||
|
yes: function(layero, index){ |
||||
|
if(data.code==0&&data.url){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,365 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)"> |
||||
|
<meta property="og:description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)提交数据。"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply',array('cid'=>$cid))}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">深圳文交所艺术品投资与收藏俱乐部理事申请表(机构)</h1> |
||||
|
<div class="form-description"> |
||||
|
<img src="{$yf_theme_path}index/Public/Img/logo.png"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构名称<span>(请填写2-50个字)</span></div> |
||||
|
<div class="field-content"><input type="text" name="orgname" id="orgname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构信用代码</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="orgcode" id="orgcode"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="address" id="address"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">营业执照图片</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="license" id="license" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="org_poster" id="org_poster" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人姓名</div> |
||||
|
<div class="field-content"><input type="text" name="legal" id="legal"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人身份证号码</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="credcard" id="credcard"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法人身份证正反面照片</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="hidden" name="credfile" id="credfile" > |
||||
|
<input type="file" name="credfilebtn" id="credfilebtn" > |
||||
|
<div class="attachments"></div> |
||||
|
|
||||
|
<div class="attachment-select-trigger" data-max-file-quantity="2"> |
||||
|
<label ><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
|
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系人</div> |
||||
|
<div class="field-content"><input type="text" name="contact" id="contact"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">手机号码</div> |
||||
|
<div class="field-content"> |
||||
|
|
||||
|
<div data-role="verification_sender"> |
||||
|
<div class="gd-input-container"><input class="mobile-input input-with-icon enhanced-input" placeholder=" " type="tel" name="mobile" id="mobile"><i class="gd-input-icon gd-icon-mobile"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="gd-input-container"><input class="input-with-icon enhanced-input" type="text" name="telphone" id="telphone"><i class="gd-input-icon gd-icon-telephone"></i></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-3 custom-grids"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >是否在深圳文交所开户</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline" > |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="openacc1" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
是<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="0" id="openacc2" name="openacc"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> |
||||
|
否<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >计划投资额度(单位:万元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" name="quota" id="quota"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >机构简介及艺术资源介绍:<span>(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="description" id="description" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-text-area col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >艺术品意向投资方向:<span>(请填写最多500个字)</span></div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="trends" id="trends" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >理事声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人自愿申请加入深圳文化产权交易所艺术品投资与收藏俱乐部,承诺自觉遵守俱乐部章程及其相关管理规定。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
<div id="form_page_error_messages_modal" class="modal warning form-error-messages-modal"> |
||||
|
<div class="modal-dialog modal-sm"><div class="modal-content"> |
||||
|
<div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>×</span></button><h4 class="modal-title">错误提醒</h4></div> |
||||
|
<div class="modal-body clearfix"> |
||||
|
<div class="error-explanation"> |
||||
|
<h5>提交未成功,当前页面填写有错误!</h5> |
||||
|
</div> |
||||
|
</div></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
//身份证号码的验证规则 |
||||
|
function isIdCardNo(num){ |
||||
|
//if (isNaN(num)) {alert("输入的不是数字!"); return false;} |
||||
|
var len = num.length, re; |
||||
|
if (len == 15) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); |
||||
|
else if (len == 18) |
||||
|
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); |
||||
|
else { |
||||
|
//alert("输入的数字位数不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
var a = num.match(re); |
||||
|
if (a != null) |
||||
|
{ |
||||
|
if (len==15) |
||||
|
{ |
||||
|
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); |
||||
|
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; |
||||
|
} |
||||
|
if (!B) { |
||||
|
//alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
if(!re.test(num)){ |
||||
|
//alert("身份证最后一位只能是数字和字母。"); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
$("#progressbar"+current).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+current).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+current+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
console.log("1111"); |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'license'])}"; |
||||
|
uploadPic(url,"#license","#org_poster",0); |
||||
|
var url="{:url('upload',['key'=>'credfilebtn'])}"; |
||||
|
uploadPic(url,"#credfilebtn","#credfile",1); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
// 身份证号码验证 |
||||
|
jQuery.validator.addMethod("isIdCardNo", function(value, element) { |
||||
|
//var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/; |
||||
|
return this.optional(element) || isIdCardNo(value); |
||||
|
}, "请输入正确的身份证号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"orgname":"required", |
||||
|
"orgcode":"required", |
||||
|
"address":"required", |
||||
|
"legal":"required", |
||||
|
"credcard":{ |
||||
|
"required":true, |
||||
|
"isIdCardNo":true |
||||
|
}, |
||||
|
//"credfilebtn":"required", |
||||
|
"contact":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
} |
||||
|
}; |
||||
|
var messages={ |
||||
|
"orgname":"机构名称必填", |
||||
|
"orgcode":"机构信用代码必填", |
||||
|
"address":"机构联系地址必填", |
||||
|
"legal":"法人姓名必填", |
||||
|
"credcard":{ |
||||
|
"required":"法人身份证号码必填" |
||||
|
}, |
||||
|
"credfilebtn":"法人身份证照片必须上传", |
||||
|
"contact":"联系人必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
} |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,789 @@ |
|||||
|
<link href="{$yf_theme_path}/public/css/bootstrap.css" rel="stylesheet"> |
||||
|
|
||||
|
<link rel="stylesheet" type="text/css" href="{$yf_theme_path}/public/js/skin/WdatePicker.css" > |
||||
|
<script type="text/javascript" src="{$yf_theme_path}/public/js/wdatepicker.js"></script> |
||||
|
<script src="{$yf_theme_path}/public/js/jquery.js"></script> |
||||
|
<script src='{$yf_theme_path}/public/js/bootstrap.js'></script> |
||||
|
<script src="{$yf_theme_path}/index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}/index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}/index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}/index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}/index/Public/Js/base.js"></script> |
||||
|
<style> |
||||
|
.apply{font-size:1.1rem;} |
||||
|
.control-label{line-height:2.8em;} |
||||
|
.form-horizontal .form-group{margin-right: -10px;margin-left: -10px;} |
||||
|
.attachment-select-trigger{border: 1px dashed #C3C9D0;text-align: center;width: 100%;background-color: rgba(255,255,255,0.65);color: #848484 } |
||||
|
.progress-bar {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #99D6FF;} |
||||
|
.attachment {position: relative;overflow: hidden;width: 100%;border: 1px solid #E9E9E9;margin-bottom: 6px;} |
||||
|
.actions {position: relative;margin-top: 11px;padding-right: 10px;} |
||||
|
form .info .preview-area,form .info .status {float: none !important;display: inline-block;vertical-align:top} |
||||
|
form .info .status .file-name {max-width:100px} |
||||
|
form .attachment-select-trigger label i {display: table-cell;vertical-align: middle;width: 25px} |
||||
|
form .attachment-field {border: 0;position:relative;margin-bottom: 0} |
||||
|
.attachment-field input[type=file] {height: 100%;width:84%;z-index: 1;cursor: pointer;position: absolute;top: 1px;left: 1px;margin: 0;opacity: 0;filter: alpha(opacity=0);} |
||||
|
.attachment-field .error {color: #FF3824;vertical-align: middle} |
||||
|
.attachment-select-trigger {border: 1px dashed #C3C9D0;text-align: center;width: 100%;background-color: rgba(255,255,255,0.65)} |
||||
|
.attachment-select-trigger:hover, .attachment-select-trigger.drag-over {background-color: #E6F5FF} |
||||
|
.attachment-select-trigger:hover {background-color: rgba(255,255,255,0.65)} |
||||
|
.attachment-select-trigger:active {background-color: #E6F5FF} |
||||
|
.attachment-select-trigger label {margin: 0;display: table;width: 100%} |
||||
|
.attachment-select-trigger label .plus {font-size: 24px;line-height: 1;width: 36px;display: table-cell;vertical-align: middle} |
||||
|
.attachment-select-trigger label .select-text-wrapper {display: table-cell;vertical-align: middle} |
||||
|
.attachment-select-trigger label .select-text {padding: 11px 10px 10px 0;text-align: left;line-height: 1.4;display: table-cell;vertical-align: middle} |
||||
|
.preview-area {width: 28px;height: 28px;margin: 5px;position: relative} |
||||
|
.preview-area .preview {position: absolute;left: 0;top: 0;background: white} |
||||
|
.preview-area .preview img {border-radius: 2px;width: 28px;height: 28px} |
||||
|
.status {position: relative;margin-top: 11px} |
||||
|
.status .file-name {max-width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle} |
||||
|
.status .file-name.error {display: block} |
||||
|
.actions {position: relative;margin-top: 11px;padding-right: 10px} |
||||
|
.actions label {display: inline} |
||||
|
.actions .delete-link {color: #FF7466} |
||||
|
.actions .rechoose-link {color: #009AFF} |
||||
|
.control-label{padding-top:0px !important;margin-bottom:0px !important;} |
||||
|
.form-group{margin-bottom:10px;} |
||||
|
input[type=radio],input[type="checkbox"],.checkbox{margin-top:0px !important;margin-bottom:0px;} |
||||
|
@media screen and (max-width: 480px) { |
||||
|
#pForm .col-xs-2,#pForm .col-xs-10{padding-left:3px;padding-right:3px;} |
||||
|
#pForm .col-xs-2{width:22%;} |
||||
|
#pForm .col-xs-10{width:77.6%;} |
||||
|
#pForm .form-control{padding:3px 6px;height:28px;} |
||||
|
.attachment-select-trigger label .select-text{font-size:0.6rem;padding:6px 5px 5px 0;font-weight:normal;} |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<h3 class="text-center" style="margin-top:20px;margin-bottom:15px">拟转让标的清单</h3> |
||||
|
<div class="apply" style="padding:0px 10px;"> |
||||
|
<form class="form-horizontal" id="pForm" method="post" action="#" style="padding:0px 10px;width:97%;margin-bottom:0px;"> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">标的名称<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10"> |
||||
|
<input type="text" class="form-control" name="name" value=""> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">标的简介</label> |
||||
|
<div class="col-xs-10"> |
||||
|
<input type="text" class="form-control" name="info" value=""> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">数据类型<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10" style="padding-top:8px;"> |
||||
|
<div class="checkbox" style='padding-left:0px;display:inline-block;padding-left:0px;'> |
||||
|
<label> |
||||
|
<input type="radio" name="type" id="type1" value="1" checked> 文化资源数据 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="type" id="type2" value="2"> 文化数字内容 |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">资源类别<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10" style="padding-top:8px;"> |
||||
|
<div class="checkbox" style='padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="cate" id="cate1" checked value="1"> 图片 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="cate" id="cate2" value="2"> 音频 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='padding-left:0px;margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="cate" id="cate3" value="3"> 视频 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="cate" id="cate4" value="4"> 电子文档 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="cate" id="cate5" value="5"> 三维全景 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="cate" id="cate6" value="6"> 其他 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:0px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="text" name="dcother" id="dcother" value="" style="width:120px;"> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">权属来源<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10" style="padding-top:8px;"> |
||||
|
<div class="checkbox" style='padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="source" id="source1" checked value="1"> 自创 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="source" id="source2" value="2"> 受让 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='padding-left:0px;margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="source" id="source3" value="3"> 被授权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="source" id="source4" value="4"> 其他 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:0px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="text" name="dsother" id="dsother" value="" style="width:120px;"> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">权属证明文件<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10" style="padding-top:8px;"> |
||||
|
<div class="checkbox" style='padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="owner" id="owner1" checked value="1"> 开发委托协议 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="owner" id="owner2" value="2"> 授权委托书 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='padding-left:0px;margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="owner" id="owner3" value="3"> 版权登记证明 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="owner" id="owner4" value="4"> 其他 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:0px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="text" name="doother" id="doother" value="" style="width:120px;"> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">交易方式<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10" style="padding-top:8px;"> |
||||
|
<div class="checkbox" style='padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="pay" id="pay1" checked value="1"> 转让 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="pay" id="pay2" value="2"> 普通授权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='padding-left:0px;margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="pay" id="pay3" value="3"> 排他授权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="radio" name="pay" id="pay4" value="4"> 独占授权 |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">报价(RMB)<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10"> |
||||
|
<input type="text" name="price" id="price" value="" placeholder="可填区间价格"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">授权年限</label> |
||||
|
<div class="col-xs-10"> |
||||
|
<input type="text" name="year" id="year" value="" > 年 |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">权利类型<br/>(可多选)<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10" style="padding-top:8px;"> |
||||
|
<div class="checkbox" style='display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right1" value="1"> 复制权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right2" value="2"> 发行权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right3" value="3"> 出租权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right4" value="4"> 展览权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right5" value="5"> 改编权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right6" value="6"> 表演权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right7" value="7"> 放映权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right8" value="8"> 广播权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right9" value="9"> 摄制权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right10" value="10"> 翻译权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right11" value="11"> 汇编权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right12" value="12"> 信息网络传播权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="right[]" id="right13" value="13"> 其他 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:0px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="text" name="drother" id="drother" value="" style="width:120px;"> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">可应用场景<br/>(可多选)<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10" style="padding-top:8px;"> |
||||
|
<div class="checkbox" style='display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence1" value="1"> 软件开发 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence2" value="2"> 文化数字内容服务 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence3" value="3">互联网生活服务平台 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence4" value="4"> 可穿戴智能设备制造权 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence5" value="5"> 广播影视节目制作 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence6" value="6"> 文化娱乐休闲服务 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence7" value="7"> 玩具制造 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence8" value="8"> 动漫游戏 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence9" value="9"> 教育 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence10" value="10"> 服装 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:10px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="checkbox" name="sence[]" id="sence11" value="11"> 其他 |
||||
|
</label> |
||||
|
</div> |
||||
|
<div class="checkbox" style='margin-left:0px;padding-left:0px;display:inline-block;'> |
||||
|
<label> |
||||
|
<input type="text" name="sother" id="sother" value="" style="width:120px;"> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-xs-2 control-label">文件上传<i style="color:red">*</i></label> |
||||
|
<div class="col-xs-10"> |
||||
|
<div id="posters" style="min-height:60px"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="allpicbtn" id="allpicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="files" id="files" class="picfield"> |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"> |
||||
|
<div class="select-text">上传标的开发委托协议、授权委托书、版权登记证明、其他等(可上传JPG、PNG、MP3、MP4、PDF等格式文件,文件大小不超过20M,最多10张)</div> |
||||
|
</div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<div class="row"> |
||||
|
<input type="hidden" name="capitalid" id="id"> |
||||
|
<input type="hidden" name="id" id="id"> |
||||
|
<div class="col-xs-5 col-xs-offset-1"><button type="button" class="btn btn-danger closebtn" style="width:100%">取消</button></div> |
||||
|
<div class="col-xs-5"><button type="button" class="btn btn-danger submitbtn" style="width:100%">保存</button></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
<br/> |
||||
|
</div> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其它转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
|
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
add: function (e, data) { |
||||
|
var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i; |
||||
|
//文件类型判断 |
||||
|
if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) { |
||||
|
tool.msg("上传文件类型不对"); |
||||
|
return false; |
||||
|
} |
||||
|
data.submit(); |
||||
|
}, |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
}else{ |
||||
|
$(".attachments .attachment:last").remove(); |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar,url,num); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" width="100%" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" data-index="'+curbar+'" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
console.log('html:',html,current); |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
function uploadFile(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
add: function (e, data) { |
||||
|
var acceptFileTypes = /^application\/(zip|x-zip-compressed|x-rar-compressed|octet-stream)$/i; |
||||
|
//文件类型判断 |
||||
|
if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) { |
||||
|
tool.msg("上传文件类型不对"); |
||||
|
return false; |
||||
|
} |
||||
|
data.submit(); |
||||
|
}, |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
console.log('file',file); |
||||
|
if(file['code']==1){ |
||||
|
var data=file['data']; |
||||
|
var filename=data['filename']; |
||||
|
var pic=data['path']; |
||||
|
console.log("file",file); |
||||
|
if(pic){ |
||||
|
$(""+input).val(pic); |
||||
|
var parent=$(btn).parent(".attachment-field"); |
||||
|
parent.find(".select-text").html("提供rar/zip格式(已上传:"+filename+")"); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var parent=$(btn).parent(".attachment-field"); |
||||
|
parent.find(".select-text").html("提供rar/zip格式(已上传"+progress+"%)"); |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
|
||||
|
|
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
|
||||
|
var capindex="<?php echo input('index','');?>"; |
||||
|
if(capindex!='undefined'&&capindex!=''){ |
||||
|
capindex=parseInt(capindex); |
||||
|
var data=parent.$('#prolist tbody tr').eq(capindex).attr('data-json'); |
||||
|
|
||||
|
if(data!='undefined'){ |
||||
|
$("#capitalid").val(capindex); |
||||
|
data=data.split("&"); |
||||
|
var capital_type=''; |
||||
|
var capchild=''; |
||||
|
if(data.length){ |
||||
|
for(var i=0;i<data.length;i++){ |
||||
|
var row=data[i].split('='); |
||||
|
|
||||
|
if(row.length==2){ |
||||
|
|
||||
|
if(row[0]=='sence[]'||row[0]=='sence'||row[0]=='right[]'||row[0]=='right'||row[0]=='cate'||row[0]=='source'||row[0]=='owner'||row[0]=='pay'||row[0]=='type'){ |
||||
|
var key=row[0]; |
||||
|
var ret=row[1]; |
||||
|
console.log("capital arr",key,ret,row); |
||||
|
|
||||
|
$("input[name='"+key+"']").each(function(){ |
||||
|
var val=$(this).val(); |
||||
|
if(ret.length>1){ |
||||
|
console.log("val",val,ret.indexOf(val)); |
||||
|
if(ret.indexOf(val)!=-1){ |
||||
|
$(this).prop("checked",true); |
||||
|
} |
||||
|
}else{ |
||||
|
if(val==ret){ |
||||
|
$(this).prop("checked",true); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
continue; |
||||
|
} |
||||
|
if(row[0]=='files'){ |
||||
|
var pics=decodeURIComponent(row[1]); |
||||
|
if(pics){ |
||||
|
$("input[name='"+row[0]+"']").val(pics); |
||||
|
pics=pics.split(';'); |
||||
|
console.log("pics2",pics); |
||||
|
if(typeof pics=='object'&&pics.length){ |
||||
|
for(var j=0;j<pics.length;j++){ |
||||
|
if(pics[j]){ |
||||
|
console.log("pic",pics[j]); |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+j+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+pics[j]+'" width="100%" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">照片'+(j+1)+'</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" data-index="'+j+'" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
|
||||
|
$(".attachments").eq(0).append(html); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
continue; |
||||
|
} |
||||
|
|
||||
|
console.log("key",row[0]); |
||||
|
var robj=$("input[name='"+row[0]+"']"); |
||||
|
var rlen=robj.length; |
||||
|
if(rlen&&row[0]!='capitalid'){ |
||||
|
robj.val(row[1]); |
||||
|
console.log("key",row[0],row[1]); |
||||
|
continue; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
|
||||
|
var parent=$(this).parents('.attachment-field'); |
||||
|
var index=parent.find(this).index('.delete-link'); |
||||
|
var pics=parent.find('.picfield').val(); |
||||
|
|
||||
|
if(pics){ |
||||
|
pics=pics.split(';'); |
||||
|
pics.splice(index,1); |
||||
|
pics=pics.join(';'); |
||||
|
parent.find('.picfield').val(pics); |
||||
|
} |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'allpicbtn'])}"; |
||||
|
uploadPic(url,"#allpicbtn","#files",0,10); |
||||
|
|
||||
|
|
||||
|
//注意:parent 是 JS 自带的全局对象,可用于操作父页面 |
||||
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 |
||||
|
//关闭iframe |
||||
|
$('.closebtn').click(function(){ |
||||
|
parent.layer.close(index); |
||||
|
}); |
||||
|
$('.submitbtn').click(function(){ |
||||
|
var capname = $('input[name="name"]').val(); |
||||
|
var cate = $('[name="cate"]:checked').length; |
||||
|
var ctval = $('[name="cate"]:checked').val(); |
||||
|
var dcother = $('[name="dcother"]').val(); |
||||
|
var source = $('[name="source"]:checked').length; |
||||
|
var suval = $('[name="source"]:checked').val(); |
||||
|
var dsother = $('[name="dsother"]').val(); |
||||
|
var owner = $('[name="owner"]:checked').length; |
||||
|
var owval = $('[name="owner"]:checked').val(); |
||||
|
var doother = $('[name="doother"]').val(); |
||||
|
var pay = $('[name="pay"]:checked').length; |
||||
|
var payval=$('[name="pay"]').val(); |
||||
|
console.log('payval',payval); |
||||
|
var price = $('#price').val(); |
||||
|
var year = $('#year').val(); |
||||
|
var right = $('[name="right[]"]:checked').length; |
||||
|
var drother = $('[name="drother"]').val(); |
||||
|
var sence = $('[name="sence[]"]:checked').length; |
||||
|
var sother = $('[name="sother"]').val(); |
||||
|
if(capname === ''){ |
||||
|
parent.layer.msg('请填写标的名称'); |
||||
|
return; |
||||
|
} |
||||
|
if(cate ===0){ |
||||
|
parent.layer.msg('请选择资源类别'); |
||||
|
return; |
||||
|
} |
||||
|
console.log("cate",ctval,dcother); |
||||
|
if(ctval ==6&&(typeof dcother=='undefined'||dcother==null||dcother=='')){ |
||||
|
parent.layer.msg('请填写资源类别其他内容'); |
||||
|
return; |
||||
|
} |
||||
|
if(source ===0){ |
||||
|
parent.layer.msg('请选择权属来源'); |
||||
|
return; |
||||
|
} |
||||
|
console.log("source",suval,dsother); |
||||
|
if(suval ==4&&(typeof dsother=='undefined'||dsother==null||dsother=='')){ |
||||
|
parent.layer.msg('请填写权属来源其他内容'); |
||||
|
return; |
||||
|
} |
||||
|
if(owner ===0){ |
||||
|
parent.layer.msg('请选择权属证明文件'); |
||||
|
return; |
||||
|
} |
||||
|
console.log("owner",owval,doother); |
||||
|
if(owval ==4&&(typeof doother=='undefined'||doother==null||doother=='')){ |
||||
|
parent.layer.msg('请填写权属证明文件其他内容'); |
||||
|
return; |
||||
|
} |
||||
|
if(pay ===0){ |
||||
|
parent.layer.msg('请选择交易方式'); |
||||
|
return; |
||||
|
} |
||||
|
if(price ===''){ |
||||
|
parent.layer.msg('请填写报价'); |
||||
|
return; |
||||
|
} |
||||
|
if(payval!=1&&year ===''){ |
||||
|
parent.layer.msg('请填写授权年限'); |
||||
|
return; |
||||
|
} |
||||
|
if(right ===0){ |
||||
|
parent.layer.msg('请选择权利类型'); |
||||
|
return; |
||||
|
}else{ |
||||
|
var arrChk=$('[name="right[]"]:checked'); |
||||
|
var chk=true; |
||||
|
$(arrChk).each(function(){ |
||||
|
if(this.value==13){ |
||||
|
console.log("right",right,drother); |
||||
|
if(typeof drother=='undefined'||drother==null||drother==''){ |
||||
|
chk=false; |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
if(!chk){ |
||||
|
parent.layer.msg('请填写权利类型其他内容'); |
||||
|
return ; |
||||
|
} |
||||
|
} |
||||
|
if(sence ===0){ |
||||
|
parent.layer.msg('请选择可应用场景'); |
||||
|
return; |
||||
|
}else{ |
||||
|
var arrChk=$('[name="sence[]"]:checked'); |
||||
|
var chk=true; |
||||
|
$(arrChk).each(function(){ |
||||
|
if(this.value==11){ |
||||
|
console.log("sence",sence,sother); |
||||
|
if(typeof sother=='undefined'||sother==null||sother==''){ |
||||
|
chk=false; |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
if(!chk){ |
||||
|
parent.layer.msg('请填写可应用场景其他内容'); |
||||
|
return ; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
var val = $('input[name="files"]').val(); |
||||
|
if(val === ''){ |
||||
|
parent.layer.msg('请上传资产图片'); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
var data=$("#pForm").serialize(); |
||||
|
data=decodeURIComponent(data,true); |
||||
|
var type=$("[name='type']").val(); |
||||
|
var captype='文化资源数据'; |
||||
|
if(type==2){ |
||||
|
captype='文化数字内容'; |
||||
|
} |
||||
|
var len=parent.$('#prolist tbody tr').length+1; |
||||
|
|
||||
|
var html='<tr data-json="'+data+'">'; |
||||
|
if(capindex!==''){len=parseInt(capindex)+1} |
||||
|
|
||||
|
var id=""; |
||||
|
html+='<td style="padding:3px 0px;">'+len+'</td><td>'+capname+'</td><td>'+captype+'</td><td>'+price+'</td>'; |
||||
|
if(id){ |
||||
|
html+='<td><span class="listedstatus">未审核</span></td>'; |
||||
|
} |
||||
|
html+='<td style="padding:3px 0px;">'; |
||||
|
html+='<div style="width:42px;display:inline-block;margin-right:5px;"><div class="modeub edtproduct"><div class="leftbutton2"></div><div class="box_flex_1 centerbutton2 list_flex flex_center" style="cursor:pointer;">编辑</div><div class="rightbutton2"></div></div></div>'; |
||||
|
html+='<div style="width:42px;display:inline-block;"><div class="modeub delproduct"><div class="leftbutton2"></div><div class="box_flex_1 centerbutton2 list_flex flex_center" style="cursor:pointer;">删除</div><div class="rightbutton2"></div></div></div>'; |
||||
|
html+='</td></tr>'; |
||||
|
|
||||
|
if(capindex!==''){ |
||||
|
console.log("capindex inter"); |
||||
|
parent.$('#prolist tbody tr').eq(capindex).remove(); |
||||
|
if(capindex>0){ |
||||
|
parent.$('#prolist tbody tr').eq(capindex-1).after(html); |
||||
|
}else{ |
||||
|
parent.$('#prolist tbody').prepend(html); |
||||
|
} |
||||
|
}else{ |
||||
|
parent.$('#prolist tbody').append(html); |
||||
|
} |
||||
|
parent.layer.close(index); |
||||
|
}); |
||||
|
}) |
||||
|
</script> |
||||
@ -0,0 +1,86 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="{$title}"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="{$title}"> |
||||
|
<meta property="og:description" content="{$title}"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<style> |
||||
|
.entry-container input{max-width:100% !important;} |
||||
|
.entry-container form > .form-header .form-title{text-align:center;font-size:2.4rem;} |
||||
|
.entry-container form .field .field-label{font-size:1.8rem;} |
||||
|
.entry-container-inner form .field .choice-description,.entry-container-inner form .field .form-group{font-size:1.6rem;} |
||||
|
.entry-container .choices label{width:40%;padding-left:8%;} |
||||
|
.entry-container form .field .field-label{width:30%;display:inline-block;vertical-align:top;text-align:right;} |
||||
|
.entry-container-inner form .field .field-content{width:69%;display:inline-block;vertical-align:top;} |
||||
|
.entry-container-inner form .field .choice-description{margin-top:0px;} |
||||
|
.entry-container > .entry-container-inner .center{min-height:420px;} |
||||
|
@media screen and (max-width: 480px) { |
||||
|
.entry-container-inner form .field .field-content{width:100%;} |
||||
|
.entry-container .choices label{width:44%;padding-left:4%;margin-left:10px;margin-top:10px;margin-right:0px;} |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" method="post"> |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title">{$title}</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required " aria-required="true" style="padding-top:86px;"> |
||||
|
<div class="form-group col-sm-12"> |
||||
|
<div class="field-label">业务类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" checked="" value="1" id="task" name="task"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">求购信息登记<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="task" name="task"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">转让信息登记<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
|
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="button" name="jump" id="jump" value="下一步" class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script> |
||||
|
$(function(){ |
||||
|
$("#jump").click(function(){ |
||||
|
var task=$("[name='task']:checked").val(); |
||||
|
var url='{:url("index/apply6")}'; |
||||
|
if(task==2){ |
||||
|
url='{:url("index/apply7")}'; |
||||
|
} |
||||
|
window.location.href=url; |
||||
|
}); |
||||
|
}) |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,712 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="{$title}"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="{$title}"> |
||||
|
<meta property="og:description" content="{$title}"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
<style> |
||||
|
.entry-container input{max-width:100% !important;} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply6')}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="col-sm-12"> |
||||
|
<div class="field required " > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购方类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline" > |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="cid1" name="cid"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">机构<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="cid2" name="cid"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">个人<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="orgcol"> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构名称</div> |
||||
|
<div class="field-content"><input type="text" name="org[name]" id="orgname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构信用代码</div> |
||||
|
<div class="field-content"><input type="text" name="org[code]" id="orgcode"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法定代表人</div> |
||||
|
<div class="field-content"><input type="text" name="org[legal]" id="orglegal"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系人</div> |
||||
|
<div class="field-content"><input type="text" name="org[contact]" id="orgcont"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="org[addr]" id="orgaddr"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"><input type="text" name="org[tel]" id="orgtel"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="pricol"> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">个人</div> |
||||
|
<div class="field-content"><input type="text" name="pri[name]" id="priname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">身份证号码</div> |
||||
|
<div class="field-content"><input type="text" name="pri[code]" id="pricode"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">性别</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked="" type="radio" value="1" id="sex1" name="pri[sex]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">男<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="sex2" name="pri[sex]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">女<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">职业/职称</div> |
||||
|
<div class="field-content"><input type="text" name="pri[job]" id="prijob"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="pri[addr]" id="priaddr"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"><input type="text" name="pri[tel]" id="pritel"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-12"> |
||||
|
<p style="margin:6px 0px;font-size:1.4rem"><strong>拟求购标的信息</strong></p> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购规模(金额/元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="price" id="price"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数量</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="num" id="num"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" checked value="1" id="datakind1" name="datakind"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">文化资源数据<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="datakind2" name="datakind"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">文化数字内容<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据类别(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="datatype1" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">图片<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="datatype2" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">音频<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="datatype3" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">视频<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="datatype4" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">电子文档<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="datatype5" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">三维全景<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="datatype6" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="datatypeother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据权利类型(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="rights1" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">复制权<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="rights2" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">发行权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="rights3" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">出租权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="rights4" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">展览权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="rights5" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">改编权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="rights6" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">表演权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="7" id="rights7" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">放映权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="8" id="rights8" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">广播权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="9" id="rights9" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">摄制权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="10" id="rights10" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 翻译权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="11" id="rights11" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 汇编权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="12" id="rights12" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">信息网络传播权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="13" id="rights13" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="rightsother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购交易方式(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="pay1" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">转让<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="pay2" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">授权-普通授权 <span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="pay3" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">授权-排他授权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="pay4" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">授权-独占授权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据范围(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="range1" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">艺术类<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="range2" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">红色文化类 <span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="range3" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">潮玩类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="range4" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">非遗类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="range5" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">民间手工艺类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="range6" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">名胜古迹类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="7" id="range7" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 动漫或游戏类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="8" id="range8" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">历史人物<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="9" id="range9" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">文学类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="10" id="range10" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="rangeother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">拟应用场景(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="scope1" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">软件开发<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="scope2" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 文化数字内容服务 <span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="scope3" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 互联网生活服务平台<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="scope4" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 可穿戴智能设备制造<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="scope5" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 广播影视节目制作<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="scope6" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 文化娱乐休闲服务<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="7" id="scope7" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 玩具制造<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="8" id="scope8" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 动漫游戏<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="9" id="scope9" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 教育<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="10" id="scope10" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 服装<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="11" id="scope11" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="scopeother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">示例数据(上传文件,不超过20M)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="related" id="related" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="relatedfile" id="relatedfile" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个20.0MB以内。仅支持:zip,rar;最多1个</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人自愿填写{$title},承诺自觉遵守管理规定。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
if(file['code']==1){ |
||||
|
tool.msg(file['msg']); |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
}else{ |
||||
|
$(".attachments").eq(current).find(".attachment:last").remove(); |
||||
|
tool.msg(file['msg']); |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix">'; |
||||
|
html+='<div class="status pull-left"> <span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传次数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
$(".orgcol").show(); |
||||
|
$(".pricol").hide(); |
||||
|
$("[name='cid']").change(function(){ |
||||
|
var cid=$("[name='cid']:checked").val(); |
||||
|
if(cid==1){ |
||||
|
$(".orgcol").show(); |
||||
|
$(".pricol").hide(); |
||||
|
}else{ |
||||
|
$(".orgcol").hide(); |
||||
|
$(".pricol").show(); |
||||
|
} |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'related'])}"; |
||||
|
uploadPic(url,"#related","#relatedfile",0,1); |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"cid":"required", |
||||
|
"org[name]":"required", |
||||
|
"org[code]":"required", |
||||
|
"org[legal]":"required", |
||||
|
"org[contact]":"required", |
||||
|
"org[addr]":"required", |
||||
|
"org[tel]":{ |
||||
|
"required":true, |
||||
|
"isMobile":true, |
||||
|
}, |
||||
|
"pri[name]":"required", |
||||
|
"pri[code]":"required", |
||||
|
"pri[job]":"required", |
||||
|
"pri[addr]":"required", |
||||
|
"pri[tel]":{ |
||||
|
"required":true, |
||||
|
"isMobile":true, |
||||
|
}, |
||||
|
"price":"required", |
||||
|
"num":"required", |
||||
|
"datatype[]":"required", |
||||
|
"rights[]":"required", |
||||
|
"pay[]":"required", |
||||
|
"range[]":"required", |
||||
|
"scope[]":"required", |
||||
|
}; |
||||
|
var messages={ |
||||
|
"org[name]":"机构名称必填", |
||||
|
"org[code]":"机构信用代码必填", |
||||
|
"org[legal]":"法定代表人必填", |
||||
|
"org[contact]":"联系人必填", |
||||
|
"org[addr]":"联系地址必填", |
||||
|
"org[tel]":{ |
||||
|
"required":"手机必填", |
||||
|
"isMobile":"填写正确手机格式", |
||||
|
}, |
||||
|
"pri[name]":"姓名必填", |
||||
|
"pri[code]":"身份证号码必填", |
||||
|
"pri[job]":"职业/职称必填", |
||||
|
"pri[addr]":"联系地址必填", |
||||
|
"pri[tel]":{ |
||||
|
"required":"手机必填", |
||||
|
"isMobile":"填写正确手机格式", |
||||
|
}, |
||||
|
"price":"求购规模必填", |
||||
|
"num":"求购数量必填", |
||||
|
"datatype[]":"求购数据类别必选", |
||||
|
"rights[]":"求购数据权利类型必选", |
||||
|
"pay[]":"求购交易方式必选", |
||||
|
"range[]":"求购数据范围必选", |
||||
|
"scope[]":"拟应用场景必选", |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages,tool.tipError,'',function(data){ |
||||
|
console.log(data); |
||||
|
if(typeof data.msg!=undefined){ |
||||
|
tool.msg(data.msg,3000,0.2,function(){ |
||||
|
if(data.code==0){ |
||||
|
$("input[name='__token__']").val(data.data.token); |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,712 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="{$title}"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="{$title}"> |
||||
|
<meta property="og:description" content="{$title}"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
<style> |
||||
|
.entry-container input{max-width:100% !important;} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply6')}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="col-sm-12"> |
||||
|
<div class="field required " > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购方类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline" > |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="cid1" name="cid"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">机构<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="cid2" name="cid"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">个人<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="orgcol"> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构名称</div> |
||||
|
<div class="field-content"><input type="text" name="org[name]" id="orgname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构信用代码</div> |
||||
|
<div class="field-content"><input type="text" name="org[code]" id="orgcode"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法定代表人</div> |
||||
|
<div class="field-content"><input type="text" name="org[legal]" id="orglegal"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系人</div> |
||||
|
<div class="field-content"><input type="text" name="org[contact]" id="orgcont"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="org[addr]" id="orgaddr"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"><input type="text" name="org[tel]" id="orgtel"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="pricol"> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">个人</div> |
||||
|
<div class="field-content"><input type="text" name="pri[name]" id="priname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">身份证号码</div> |
||||
|
<div class="field-content"><input type="text" name="pri[code]" id="pricode"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">性别</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked="" type="radio" value="1" id="sex1" name="pri[sex]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">男<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="sex2" name="pri[sex]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">女<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">职业/职称</div> |
||||
|
<div class="field-content"><input type="text" name="pri[job]" id="prijob"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="pri[addr]" id="priaddr"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"><input type="text" name="pri[tel]" id="pritel"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-12"> |
||||
|
<p style="margin:6px 0px;font-size:1.4rem"><strong>拟求购标的信息</strong></p> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购规模(金额/元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="price" id="price"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数量</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="num" id="num"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" checked value="1" id="datakind1" name="datakind"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">文化资源数据<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="datakind2" name="datakind"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">文化数字内容<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据类别(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="datatype1" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">图片<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="datatype2" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">音频<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="datatype3" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">视频<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="datatype4" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">电子文档<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="datatype5" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">三维全景<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="datatype6" name="datatype[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="datatypeother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据权利类型(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="rights1" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">复制权<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="rights2" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">发行权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="rights3" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">出租权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="rights4" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">展览权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="rights5" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">改编权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="rights6" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">表演权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="7" id="rights7" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">放映权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="8" id="rights8" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">广播权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="9" id="rights9" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">摄制权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="10" id="rights10" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 翻译权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="11" id="rights11" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 汇编权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="12" id="rights12" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">信息网络传播权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="13" id="rights13" name="rights[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="rightsother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购交易方式(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="pay1" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">转让<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="pay2" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">授权-普通授权 <span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="pay3" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">授权-排他授权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="pay4" name="pay[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">授权-独占授权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">求购数据范围(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="range1" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">艺术类<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="range2" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">红色文化类 <span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="range3" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">潮玩类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="range4" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">非遗类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="range5" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">民间手工艺类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="range6" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">名胜古迹类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="7" id="range7" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 动漫或游戏类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="8" id="range8" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">历史人物<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="9" id="range9" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">文学类<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="10" id="range10" name="range[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="rangeother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">拟应用场景(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="scope1" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">软件开发<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="scope2" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 文化数字内容服务 <span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="scope3" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 互联网生活服务平台<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="scope4" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 可穿戴智能设备制造<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="scope5" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 广播影视节目制作<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="scope6" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 文化娱乐休闲服务<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="7" id="scope7" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 玩具制造<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="8" id="scope8" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 动漫游戏<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="9" id="scope9" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 教育<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="10" id="scope10" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> 服装<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="11" id="scope11" name="scope[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="scopeother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">示例数据(上传文件,不超过20M)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="related" id="related" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="relatedfile" id="relatedfile" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个20.0MB以内。仅支持:zip,rar;最多1个</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人自愿填写{$title},承诺自觉遵守管理规定。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
if(file['code']==1){ |
||||
|
tool.msg(file['msg']); |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
}else{ |
||||
|
$(".attachments").eq(current).find(".attachment:last").remove(); |
||||
|
tool.msg(file['msg']); |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix">'; |
||||
|
html+='<div class="status pull-left"> <span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传次数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
$(".orgcol").show(); |
||||
|
$(".pricol").hide(); |
||||
|
$("[name='cid']").change(function(){ |
||||
|
var cid=$("[name='cid']:checked").val(); |
||||
|
if(cid==1){ |
||||
|
$(".orgcol").show(); |
||||
|
$(".pricol").hide(); |
||||
|
}else{ |
||||
|
$(".orgcol").hide(); |
||||
|
$(".pricol").show(); |
||||
|
} |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'related'])}"; |
||||
|
uploadPic(url,"#related","#relatedfile",0,1); |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"cid":"required", |
||||
|
"org[name]":"required", |
||||
|
"org[code]":"required", |
||||
|
"org[legal]":"required", |
||||
|
"org[contact]":"required", |
||||
|
"org[addr]":"required", |
||||
|
"org[tel]":{ |
||||
|
"required":true, |
||||
|
"isMobile":true, |
||||
|
}, |
||||
|
"pri[name]":"required", |
||||
|
"pri[code]":"required", |
||||
|
"pri[job]":"required", |
||||
|
"pri[addr]":"required", |
||||
|
"pri[tel]":{ |
||||
|
"required":true, |
||||
|
"isMobile":true, |
||||
|
}, |
||||
|
"price":"required", |
||||
|
"num":"required", |
||||
|
"datatype[]":"required", |
||||
|
"rights[]":"required", |
||||
|
"pay[]":"required", |
||||
|
"range[]":"required", |
||||
|
"scope[]":"required", |
||||
|
}; |
||||
|
var messages={ |
||||
|
"org[name]":"机构名称必填", |
||||
|
"org[code]":"机构信用代码必填", |
||||
|
"org[legal]":"法定代表人必填", |
||||
|
"org[contact]":"联系人必填", |
||||
|
"org[addr]":"联系地址必填", |
||||
|
"org[tel]":{ |
||||
|
"required":"手机必填", |
||||
|
"isMobile":"填写正确手机格式", |
||||
|
}, |
||||
|
"pri[name]":"姓名必填", |
||||
|
"pri[code]":"身份证号码必填", |
||||
|
"pri[job]":"职业/职称必填", |
||||
|
"pri[addr]":"联系地址必填", |
||||
|
"pri[tel]":{ |
||||
|
"required":"手机必填", |
||||
|
"isMobile":"填写正确手机格式", |
||||
|
}, |
||||
|
"price":"求购规模必填", |
||||
|
"num":"求购数量必填", |
||||
|
"datatype[]":"求购数据类别必选", |
||||
|
"rights[]":"求购数据权利类型必选", |
||||
|
"pay[]":"求购交易方式必选", |
||||
|
"range[]":"求购数据范围必选", |
||||
|
"scope[]":"拟应用场景必选", |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages,tool.tipError,'',function(data){ |
||||
|
console.log(data); |
||||
|
if(typeof data.msg!=undefined){ |
||||
|
tool.msg(data.msg,3000,0.2,function(){ |
||||
|
if(data.code==0){ |
||||
|
$("input[name='__token__']").val(data.data.token); |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,565 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="{$title}"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="{$title}"> |
||||
|
<meta property="og:description" content="{$title}"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
<style> |
||||
|
.entry-container input{max-width:100% !important;} |
||||
|
table{border-top:1px solid #C3C9D0;border-right:1px solid #C3C9D0;border-left:1px solid #C3C9D0;} |
||||
|
table td,table th{border-left:1px solid #C3C9D0;border-bottom:1px solid #C3C9D0;text-align:center;line-height:3.2rem;} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply7')}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="col-sm-12" > |
||||
|
<div class="field required"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">转让方类型</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline" > |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="cid1" name="cid"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">机构<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="cid2" name="cid"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">个人<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="orgcol col-sm-12"> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构名称</div> |
||||
|
<div class="field-content"><input type="text" name="org[name]" id="orgname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">机构信用代码</div> |
||||
|
<div class="field-content"><input type="text" name="org[code]" id="orgcode"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">法定代表人</div> |
||||
|
<div class="field-content"><input type="text" name="org[legal]" id="orglegal"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系人</div> |
||||
|
<div class="field-content"><input type="text" name="org[contact]" id="orgcont"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="org[addr]" id="orgaddr"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"><input type="text" name="org[tel]" id="orgtel"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="pricol col-sm-12"> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">个人</div> |
||||
|
<div class="field-content"><input type="text" name="pri[name]" id="priname"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">身份证号码</div> |
||||
|
<div class="field-content"><input type="text" name="pri[code]" id="pricode"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">性别</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked="" type="radio" value="1" id="sex1" name="pri[sex]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">男<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="sex2" name="pri[sex]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">女<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">职业/职称</div> |
||||
|
<div class="field-content"><input type="text" name="pri[job]" id="prijob"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系地址</div> |
||||
|
<div class="field-content"><input type="text" name="pri[addr]" id="priaddr"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-6" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">联系电话</div> |
||||
|
<div class="field-content"><input type="text" name="pri[tel]" id="pritel"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-12"> |
||||
|
<p style="margin:6px 0px;font-size:1.4rem"><strong>拟转让标的信息</strong></p> |
||||
|
|
||||
|
<div class="field required col-sm-4" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">标的数量</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="number" value="1" name="num" id="num" step="1" min="1" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-4" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">按单个标的合计金额(金额/元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="price" id="price" placeholder="可填区间价格"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field col-sm-4" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">全部标的捆绑报价(金额/元)</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="allprice" id="allprice" placeholder="可填区间价格"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-12"> |
||||
|
<input type="hidden" name="products" id="products" /> |
||||
|
<table id="prolist" class="tvmtab text-center" style="line-height:1.4em;width:98%;margin:10px 1%;font-size:1.1rem;"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<td colspan="6" class="ttitle"> |
||||
|
<strong>标的清单</strong> |
||||
|
<div style="float:right"> |
||||
|
<div class="modeub addproduct" style="width:72px;margin-right:48px;cursor:pointer;"> |
||||
|
<div class="leftbutton2"></div> |
||||
|
<div class="box_flex_1 centerbutton2 list_flex flex_center" style="color:red">新增</div> |
||||
|
<div class="rightbutton2"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<th class="ttitle" align="center" style="width:50px;">#</th> |
||||
|
<th class="ttitle" align="center">标的名称</th> |
||||
|
<th class="ttitle" align="center" >数据类型</th> |
||||
|
<th class="ttitle" align="center" >报价</th> |
||||
|
<th class="ttitle" align="center" >操作</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
</tbody> |
||||
|
</table> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class=" col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label" >声明及承诺</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices"> |
||||
|
<label class="radio "> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="agree"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">本人自愿填写{$title},承诺自觉遵守管理规定。<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
function getProducts(){ |
||||
|
var objs=$("#prolist tbody tr"); |
||||
|
var len=objs.length; |
||||
|
if(len==0)return ''; |
||||
|
var products={}; |
||||
|
for(var j=0;j<len;j++){ |
||||
|
var item=objs.eq(j).attr('data-json'); |
||||
|
data=item.split("&"); |
||||
|
product={}; |
||||
|
if(data.length){ |
||||
|
for(var i=0;i<data.length;i++){ |
||||
|
var row=data[i].split('='); |
||||
|
if(row.length==2){ |
||||
|
console.log(row); |
||||
|
var key=row[0]; |
||||
|
if(key=='files'){ |
||||
|
var pics=decodeURIComponent(row[1]); |
||||
|
pics=pics.split(';'); |
||||
|
product[key]=pics; |
||||
|
continue; |
||||
|
} |
||||
|
if(key=='right[]'||key=='sence[]'){ |
||||
|
if(typeof product[key]=='undefined'){ |
||||
|
product[key]=new Array(); |
||||
|
} |
||||
|
product[key].push(row[1]); |
||||
|
continue; |
||||
|
} |
||||
|
if(key!='capitalid'){ |
||||
|
product[key]=row[1]; |
||||
|
continue; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
console.log('product',product); |
||||
|
products[j]=product; |
||||
|
|
||||
|
} |
||||
|
return JSON.stringify(products); |
||||
|
} |
||||
|
function layerAlert(msg,type,call) { |
||||
|
var icon=0; |
||||
|
if(type=='error'){ |
||||
|
icon=5; |
||||
|
}else if(type=='success'){ |
||||
|
icon=6; |
||||
|
} |
||||
|
layer.alert(msg, {icon: icon, |
||||
|
cancel:function () { |
||||
|
call&&call(); |
||||
|
}}, |
||||
|
function (index) { |
||||
|
layer.close(index); |
||||
|
call&&call(); |
||||
|
} |
||||
|
); |
||||
|
} |
||||
|
$(function(){ |
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
console.log("1111"); |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
$(".orgcol").show(); |
||||
|
$(".pricol").hide(); |
||||
|
$("[name='cid']").change(function(){ |
||||
|
var cid=$("[name='cid']:checked").val(); |
||||
|
if(cid==1){ |
||||
|
$(".orgcol").show(); |
||||
|
$(".pricol").hide(); |
||||
|
}else{ |
||||
|
$(".orgcol").hide(); |
||||
|
$(".pricol").show(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
$(".addproduct").click(function(event){ |
||||
|
event.preventDefault(); |
||||
|
var capital_num=$("#num").val(); |
||||
|
if(capital_num<=0){ |
||||
|
tool.msg("请先填写标的数量"); |
||||
|
return true; |
||||
|
} |
||||
|
var current=$("#prolist tbody tr").length; |
||||
|
if(current+1>capital_num){ |
||||
|
tool.msg("超过最大标的数量"); |
||||
|
return true; |
||||
|
} |
||||
|
var wid='40%'; |
||||
|
var bwid=$(window).width(); |
||||
|
if(bwid<760)wid='94%'; |
||||
|
layer.open({ |
||||
|
type: 2, |
||||
|
area: [wid, '94%'], |
||||
|
//skin: 'layui-layer-rim', //加上边框 |
||||
|
title: false, |
||||
|
content:"{:url('bdadd')}" |
||||
|
}); |
||||
|
}); |
||||
|
$("body").delegate(".delproduct",'click',function(){ |
||||
|
|
||||
|
var parent=$(this).parents('#prolist'); |
||||
|
var index=parent.find(this).index('.delproduct'); |
||||
|
layerAlert('确定删除此托管资产?','error',function(){ |
||||
|
$("#prolist tbody tr").eq(index).remove(); |
||||
|
}); |
||||
|
}); |
||||
|
$("body").delegate(".edtproduct",'click',function(){ |
||||
|
|
||||
|
var parent=$(this).parents('#prolist'); |
||||
|
var index=parent.find(this).index('.edtproduct'); |
||||
|
var url="{:url('bdadd')}"; |
||||
|
layer.open({ |
||||
|
type: 2, |
||||
|
area: ['50%', '94%'], |
||||
|
//skin: 'layui-layer-rim', //加上边框 |
||||
|
title: false, |
||||
|
content:url+"?index="+index |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
var url="{:url('upload',['key'=>'related'])}"; |
||||
|
uploadPic(url,"#related","#relatedfile",1,10); |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"cid":"required", |
||||
|
"org[name]":"required", |
||||
|
"org[code]":"required", |
||||
|
"org[legal]":"required", |
||||
|
"org[contact]":"required", |
||||
|
"org[addr]":"required", |
||||
|
"org[tel]":{ |
||||
|
"required":true, |
||||
|
"isMobile":true, |
||||
|
}, |
||||
|
"pri[name]":"required", |
||||
|
"pri[code]":"required", |
||||
|
"pri[job]":"required", |
||||
|
"pri[addr]":"required", |
||||
|
"pri[tel]":{ |
||||
|
"required":true, |
||||
|
"isMobile":true, |
||||
|
}, |
||||
|
"num":"required", |
||||
|
}; |
||||
|
var messages={ |
||||
|
"org[name]":"机构名称必填", |
||||
|
"org[code]":"机构信用代码必填", |
||||
|
"org[legal]":"法定代表人必填", |
||||
|
"org[contact]":"联系人必填", |
||||
|
"org[addr]":"联系地址必填", |
||||
|
"org[tel]":{ |
||||
|
"required":"手机必填", |
||||
|
"isMobile":"填写正确手机格式", |
||||
|
}, |
||||
|
"pri[name]":"姓名必填", |
||||
|
"pri[code]":"身份证号码必填", |
||||
|
"pri[job]":"职业/职称必填", |
||||
|
"pri[addr]":"联系地址必填", |
||||
|
"pri[tel]":{ |
||||
|
"required":"手机必填", |
||||
|
"isMobile":"填写正确手机格式", |
||||
|
}, |
||||
|
"num":"标的数量必填", |
||||
|
|
||||
|
}; |
||||
|
|
||||
|
tool.commonForm("#postForm",rules,messages,'',function(){ |
||||
|
var products=getProducts(); |
||||
|
var num=$("#num").val(); |
||||
|
var cnum=$("#prolist tbody tr").length; |
||||
|
if(cnum<num){ |
||||
|
tool.msg("已填写标的清单数目与填写标的数量不一致"); |
||||
|
return false; |
||||
|
} |
||||
|
$("#products").val(products); |
||||
|
},function(data){ |
||||
|
console.log(data); |
||||
|
if(typeof data.msg!=undefined){ |
||||
|
tool.msg(data.msg,3000,0.2,function(){ |
||||
|
if(data.code==0){ |
||||
|
$("input[name='__token__']").val(data.data.token); |
||||
|
} |
||||
|
if(data.code==1){ |
||||
|
window.location.href=data.url; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,731 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="{$title}"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="{$title}"> |
||||
|
<meta property="og:description" content="{$title}"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('buildapply')}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
<div class="form-txt">深圳文化产权交易所现面向全国招募登记申报人,加入《中国古建资产管理计划》。如果您是古建的收藏人、产权所有人、产权代理方或意向合作机构,请填写申报意向表。</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">姓名</div> |
||||
|
<div class="field-content"><input type="text" name="username" id="username"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">手机</div> |
||||
|
<div class="field-content"> |
||||
|
<input placeholder=" " type="tel" name="mobile" id="mobile"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">微信号</div> |
||||
|
<div class="field-content"><input type="text" name="weixin" id="weixin"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">邮箱</div> |
||||
|
<div class="field-content"><input type="text" name="email" id="email"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建地址</div> |
||||
|
<div class="field-content"> |
||||
|
<select id="province" name="province" style="width:21%;"> |
||||
|
<option value="0">选择所在省</option> |
||||
|
{volist name="province" id="vo"} |
||||
|
<option value="{$vo.id}">{$vo.name}</option> |
||||
|
{/volist} |
||||
|
</select> |
||||
|
<select id="city" name="city" style="width:21%;margin:0px 1%;"> |
||||
|
<option value="0">选择所在市</option> |
||||
|
</select> |
||||
|
<select id="town" name="town" style="width:21%;margin-right:1%;"> |
||||
|
<option value="0">选择所在区</option> |
||||
|
</select> |
||||
|
<input style="width:22%;" type="text" placeholder="详情地址" name="address" id="address"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建所有人的单位/机构/公司</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="orgname" id="orgname"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建产权情况(单选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked="" type="radio" value="1" id="belong1" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">私人所有<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="belong2" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">收藏者<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="3" id="belong3" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">产权所有法人<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="4" id="belong4" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">产权代理法人<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="5" id="belong5" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">集体所有<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="6" id="belong6" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">多人共同产权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label><br/> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="7" id="belong7" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="belongother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建主体建筑材质(多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="material1" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">石质材料<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="material2" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">砖块材料<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="material3" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">竹木材料<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="material4" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">泥土材料<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="material5" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">钢筋混凝土<span class="quota"></span> |
||||
|
</div> |
||||
|
</label><br/> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="material6" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="materialother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建数量(套/件)、面积</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="area" id="area"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建类型(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">A类 整体性古建构件</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="style1" name="style[A][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">A-1 原态整体性古建构件<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="style2" name="style[A][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">A-2 异地复建整体性古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="style3" name="style[A][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">A-3 附加整体性古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">B类 现存古村、古镇古建</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="styleb1" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-1 原态古建<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="styleb2" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-2 修缮或改造古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="styleb3" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-3 附加类古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="styleb4" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-4 古镇古村整体资产<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">C类 散落古建构件</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="stylec1" name="style[C][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">C-1 单件古建构件<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="stylec2" name="style[C][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> C-2 拼装修复类古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">D类 已建和在建仿古文化园区和村镇</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="styled1" name="style[D][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">D-1 仿古园区和村镇中独立产权单位的建筑资产<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="styled2" name="style[D][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">D-2 仿古园区和村镇整体资产<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建建筑年代</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="buildage" id="buildage"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建的建筑风格</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="buildstyle" id="buildstyle"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">有无第三方评估?如果有评估,请简要说明</div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="evaluation" id="evaluation" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建近景照片(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="closepicbtn" id="closepicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="closepic" class="picfield" id="closepic" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建远景照片(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="visionpicbtn" id="visionpicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="visionpic" class="picfield" id="visionpic" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建全景照片(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="allpicbtn" id="allpicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="allpic" id="allpic" class="picfield"> |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建平面图纸(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="planepicbtn" id="planepicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="planepic" id="planepic" class="picfield"> |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.4em;">业务诉求</p> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">1).资产托管</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建资产托管提供以下服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="tgservice1" name="tgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">确立产权归属<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="tgservice2" name="tgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">确立资产属性<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="tgservice3" name="tgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">资产评估<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">2).资产管理</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建资产管理提供以下服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="mgservice1" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建财产保险<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="mgservice2" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建资产银行托管<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="mgservice3" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建资产信托<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="mgservice3" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建文化和盈利模式附加<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">3).资产转让</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建资产转让提供以下服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="tfservice1" name="tfservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">协议转让<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="tfservice2" name="tfservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">竞价转让<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">4).资产利用</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建资产利用提供以下古建系列文化园区复建/模式植入服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="useservice1" name="useservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">复建类古建文化园<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="useservice2" name="useservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古村(镇)古建文化园<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="useservice3" name="useservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">仿古类古建文化园<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">5).业务合作</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">(此项针对企业机构填写)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked="" type="radio" value="1" id="opservice1" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">区域业务代理<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="opservice2" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">鉴评机构合作<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="3" id="opservice3" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建修缮机构合作<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="4" id="opservice4" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">园区运营合作<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="5" id="opservice5" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建设计合作<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="6" id="opservice6" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">金融产品合作<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="7" id="opservice7" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="opother" id="opother" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p>业务咨询联系人:杨先生 13302450802</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
|
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" data-index="'+curbar+'" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
var regions=<?php echo json_encode($regions);?>; |
||||
|
console.log(regions); |
||||
|
$("#province").change(function(){ |
||||
|
var pid=$("#province").val(); |
||||
|
var data=[]; |
||||
|
if(typeof regions[pid]!='undefined'){ |
||||
|
var data=regions[pid]; |
||||
|
jQuery("#city option").remove(); |
||||
|
jQuery("<option value=0>选择所在市</option>").appendTo(jQuery("#city")); |
||||
|
jQuery("#town option").remove(); |
||||
|
jQuery("<option value=0>选择所在区</option>").appendTo(jQuery("#town")); |
||||
|
jQuery.each(data,function(idx,item){ |
||||
|
jQuery("<option value="+item.id+">"+item.name+"</option>").appendTo(jQuery("#city")); |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
$("#city").change(function(){ |
||||
|
var pid=$("#province").val(); |
||||
|
var data=[]; |
||||
|
if(typeof regions[pid]!='undefined'){ |
||||
|
var citys=regions[pid]; |
||||
|
var cid=$("#city").get(0).selectedIndex-1; |
||||
|
console.log(citys); |
||||
|
console.log(cid); |
||||
|
if(typeof citys[cid]!='undefined'){ |
||||
|
console.log(citys[cid]); |
||||
|
var data=citys[cid]['towns']; |
||||
|
jQuery("#town option").remove(); |
||||
|
jQuery("<option value=0>选择所在区</option>").appendTo(jQuery("#town")); |
||||
|
jQuery.each(data,function(idx,item){ |
||||
|
jQuery("<option value="+item.id+">"+item.name+"</option>").appendTo(jQuery("#town")); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
|
||||
|
var index=$(this).data('index'); |
||||
|
var parent=$(this).parents('.attachment-field'); |
||||
|
var pics=parent.find('.picfield').val(); |
||||
|
console.log(index); |
||||
|
console.log(pics); |
||||
|
if(pics){ |
||||
|
pics=pics.split(';'); |
||||
|
pics.splice(index,1); |
||||
|
pics=pics.join(';'); |
||||
|
console.log(pics); |
||||
|
pics=parent.find('.picfield').val(pics); |
||||
|
} |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'closepicbtn'])}"; |
||||
|
uploadPic(url,"#closepicbtn","#closepic",0,5); |
||||
|
var url="{:url('upload',['key'=>'visionpicbtn'])}"; |
||||
|
uploadPic(url,"#visionpicbtn","#visionpic",1,5); |
||||
|
|
||||
|
var url="{:url('upload',['key'=>'allpicbtn'])}"; |
||||
|
uploadPic(url,"#allpicbtn","#allpic",2,5); |
||||
|
var url="{:url('upload',['key'=>'planepicbtn'])}"; |
||||
|
uploadPic(url,"#planepicbtn","#planepic",3,5); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"username":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
}, |
||||
|
"weixin":"required", |
||||
|
"email":{ |
||||
|
"required":true, |
||||
|
"email":true |
||||
|
}, |
||||
|
"province":"required", |
||||
|
"city":"required", |
||||
|
"town":"required", |
||||
|
"address":"required", |
||||
|
"orgname":"required", |
||||
|
"belong":"required", |
||||
|
"material":"required", |
||||
|
"area":"required", |
||||
|
"buildage":"required", |
||||
|
"buildstyle":"required" |
||||
|
}; |
||||
|
var messages={ |
||||
|
"username":"姓名必填", |
||||
|
"weixin":"微信必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
}, |
||||
|
"weixin":"微信必填", |
||||
|
"email":{ |
||||
|
"required":"邮箱必填", |
||||
|
"email":"邮箱格式不正确" |
||||
|
}, |
||||
|
"province":"选择所在省", |
||||
|
"city":"选择所在市", |
||||
|
"town":"选择所在区", |
||||
|
"address":"详情地址必填", |
||||
|
"orgname":"所有人必填", |
||||
|
"belong":"产权必选", |
||||
|
"material":"材质必选", |
||||
|
"area":"面积必填", |
||||
|
"buildage":"建筑年代必填", |
||||
|
"buildstyle":"建筑风格必填" |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,731 @@ |
|||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>{$title}</title> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<meta name="description" content="{$title}"> |
||||
|
<meta property="og:type" content="webpage"> |
||||
|
<meta property="og:title" content="{$title}"> |
||||
|
<meta property="og:description" content="{$title}"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css"> |
||||
|
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css"> |
||||
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> |
||||
|
</head> |
||||
|
<body class="entry-container"> |
||||
|
<img id="shareImg" src="{$share.imgUrl}" width="0" height="0" /> |
||||
|
<div class="entry-container-inner"> |
||||
|
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('buildapply')}" method="post"> |
||||
|
{:token()} |
||||
|
<div class="form-header"> |
||||
|
<div class="banner"><div class="banner-text"> </div></div> |
||||
|
<div class="logo-box"> |
||||
|
<h1 class="form-title ">{$title}</h1> |
||||
|
<div class="form-txt">深圳文化产权交易所现面向全国招募登记申报人,加入《中国古建民居资产管理计划》。如果您是古建民居的收藏人、产权所有人、产权代理方或意向合作机构,请填写申报意向表。</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-content container-fluid"> |
||||
|
<div class="row"> |
||||
|
<div class="fields clearfix"> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">姓名</div> |
||||
|
<div class="field-content"><input type="text" name="username" id="username"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">手机</div> |
||||
|
<div class="field-content"> |
||||
|
<input placeholder=" " type="tel" name="mobile" id="mobile"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">微信号</div> |
||||
|
<div class="field-content"><input type="text" name="weixin" id="weixin"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">邮箱</div> |
||||
|
<div class="field-content"><input type="text" name="email" id="email"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居地址</div> |
||||
|
<div class="field-content"> |
||||
|
<select id="province" name="province" style="width:21%;"> |
||||
|
<option value="0">选择所在省</option> |
||||
|
{volist name="province" id="vo"} |
||||
|
<option value="{$vo.id}">{$vo.name}</option> |
||||
|
{/volist} |
||||
|
</select> |
||||
|
<select id="city" name="city" style="width:21%;margin:0px 1%;"> |
||||
|
<option value="0">选择所在市</option> |
||||
|
</select> |
||||
|
<select id="town" name="town" style="width:21%;margin-right:1%;"> |
||||
|
<option value="0">选择所在区</option> |
||||
|
</select> |
||||
|
<input style="width:22%;" type="text" placeholder="详情地址" name="address" id="address"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居所有人的单位/机构/公司</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="orgname" id="orgname"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居产权情况(单选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked="" type="radio" value="1" id="belong1" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">私人所有<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="belong2" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">收藏者<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="3" id="belong3" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">产权所有法人<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="4" id="belong4" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">产权代理法人<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="5" id="belong5" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">集体所有<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="6" id="belong6" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">多人共同产权<span class="quota"></span> |
||||
|
</div> |
||||
|
</label><br/> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="7" id="belong7" name="belong"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="belongother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居主体建筑材质(多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="material1" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">石质材料<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="material2" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">砖块材料<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="material3" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">竹木材料<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="material4" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">泥土材料<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="5" id="material5" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">钢筋混凝土<span class="quota"></span> |
||||
|
</div> |
||||
|
</label><br/> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="6" id="material6" name="material[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="materialother" id="other" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居数量(套/件)、面积</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="area" id="area"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居类型(可多选)</div> |
||||
|
<div class="field-content"> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">A类 整体性古建构件</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="style1" name="style[A][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">A-1 原态整体性古建构件<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="style2" name="style[A][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">A-2 异地复建整体性古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="style3" name="style[A][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">A-3 附加整体性古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">B类 现存古村、古镇古建</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="styleb1" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-1 原态古建<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="styleb2" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-2 修缮或改造古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="styleb3" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-3 附加类古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="styleb4" name="style[B][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">B-4 古镇古村整体资产<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">C类 散落古建构件</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="stylec1" name="style[C][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">C-1 单件古建构件<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="stylec2" name="style[C][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description"> C-2 拼装修复类古建<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">D类 已建和在建仿古文化园区和村镇</p> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" selected="" type="checkbox" value="1" id="styled1" name="style[D][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">D-1 仿古园区和村镇中独立产权单位的建筑资产<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="styled2" name="style[D][]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">D-2 仿古园区和村镇整体资产<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居建筑年代</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="buildage" id="buildage"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居的建筑风格</div> |
||||
|
<div class="field-content"> |
||||
|
<input type="text" value="" name="buildstyle" id="buildstyle"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field required col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">有无第三方评估?如果有评估,请简要说明</div> |
||||
|
<div class="field-content"> |
||||
|
<textarea rows="3" name="evaluation" id="evaluation" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居近景照片(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="closepicbtn" id="closepicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="closepic" class="picfield" id="closepic" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居远景照片(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="visionpicbtn" id="visionpicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="visionpic" class="picfield" id="visionpic" > |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居全景照片(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="allpicbtn" id="allpicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="allpic" id="allpic" class="picfield"> |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="field field-attachment-field col-sm-12"> |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居平面图纸(选填)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="attachment-field"> |
||||
|
<input type="file" name="planepicbtn" id="planepicbtn" class="jquery-file-upload-file-input" > |
||||
|
<input type="hidden" name="planepic" id="planepic" class="picfield"> |
||||
|
<div class="attachments"></div> |
||||
|
<div class="attachment-select-trigger"> |
||||
|
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内,最多上传5张。仅支持:jpg、jpeg、png、gif</div></div></label> |
||||
|
</div> |
||||
|
<div class="attachment-error-message"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.4em;">业务诉求</p> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">1).资产托管</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居资产托管提供以下服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="tgservice1" name="tgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">确立产权归属<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="tgservice2" name="tgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">确立资产属性<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="tgservice3" name="tgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">资产评估<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">2).资产管理</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居资产管理提供以下服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="mgservice1" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建民居财产保险<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="mgservice2" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建民居资产银行托管<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="mgservice3" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建民居资产信托<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="4" id="mgservice3" name="mgservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建民居文化和盈利模式附加<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">3).资产转让</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居资产转让提供以下服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="tfservice1" name="tfservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">协议转让<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="tfservice2" name="tfservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">竞价转让<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">4).资产利用</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">古建民居资产利用提供以下古建系列文化园区复建/模式植入服务(请勾选)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="1" id="useservice1" name="useservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">复建类古建文化园<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="2" id="useservice2" name="useservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古村(镇)古建文化园<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="checkbox" value="3" id="useservice3" name="useservice[]"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">仿古类古建文化园<span class="quota"></span></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p style="font-weight:bold;margin-bottom:0px;font-size:1.2em;">5).业务合作</p> |
||||
|
<div class="field col-sm-12" > |
||||
|
<div class="form-group"> |
||||
|
<div class="field-label">(此项针对企业机构填写)</div> |
||||
|
<div class="field-content"> |
||||
|
<div class="choices" data-random-choices="false"> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked="" type="radio" value="1" id="opservice1" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">区域业务代理<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="2" id="opservice2" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">鉴评机构合作<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="3" id="opservice3" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建修缮机构合作<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="4" id="opservice4" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">园区运营合作<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="5" id="opservice5" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">古建设计合作<span class="quota"></span> |
||||
|
</div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="6" id="opservice6" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">金融产品合作<span class="quota"></span></div> |
||||
|
</label> |
||||
|
<label class="radio inline"> |
||||
|
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="7" id="opservice7" name="opservice"><i class="selected-icon"></i></div> |
||||
|
<div class="choice-description">其他 <span class="quota"></span><input type="text" value="" name="opother" id="opother" style="width:70%;margin-top:-3px;margin-left:5px;height:24px;line-height:24px;"></div> |
||||
|
</label> |
||||
|
</div> |
||||
|
<p>业务咨询联系人:马先生 18637660099</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="field col-sm-12"> |
||||
|
<div class="field submit-field col-md-12 text-center clearfix "> |
||||
|
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script> |
||||
|
<script src="{$yf_theme_path}index/Public/Js/base.js"></script> |
||||
|
<script> |
||||
|
function change(limit){ |
||||
|
var size = ""; |
||||
|
if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B |
||||
|
size = limit.toFixed(2) + "B" |
||||
|
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB,则转化成KB |
||||
|
size = (limit/1024).toFixed(2) + "KB" |
||||
|
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB,则转化成MB |
||||
|
size = (limit/(1024 * 1024)).toFixed(2) + "MB" |
||||
|
}else{ //其他转化成GB |
||||
|
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB" |
||||
|
} |
||||
|
|
||||
|
var sizeStr = size + ""; //转成字符串 |
||||
|
var index = sizeStr.indexOf("."); //获取小数点处的索引 |
||||
|
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值 |
||||
|
if(dou == "00"){ //判断后两位是否为00,如果是则删除00 |
||||
|
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2) |
||||
|
} |
||||
|
return size; |
||||
|
} |
||||
|
|
||||
|
function uploadPic(url,btn,input,current,num){ |
||||
|
//插件jquery.fileupload.js |
||||
|
jQuery(btn).fileupload({ |
||||
|
url: url, |
||||
|
dataType: 'json', |
||||
|
done: function (e, data) { |
||||
|
var file=data.result; |
||||
|
tool.msg(file['msg']); |
||||
|
if(file['code']==1){ |
||||
|
var pic=file['data']['path']; |
||||
|
if(num==1){ |
||||
|
$(input).val(pic); |
||||
|
$(btn).val(pic); |
||||
|
}else{ |
||||
|
var cur=$(input).val(); |
||||
|
var ipic=''; |
||||
|
if(cur)ipic=cur+';'+pic; |
||||
|
else ipic=pic; |
||||
|
$(input).val(ipic); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
progressall: function (e, data) { |
||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count-1; |
||||
|
} |
||||
|
console.log('curbar:'+curbar); |
||||
|
$("#progressbar"+curbar).css({'width':progress+"%"}); |
||||
|
if(progress==100){ |
||||
|
$("#progressbar"+curbar).delay(500).fadeOut(); |
||||
|
} |
||||
|
} |
||||
|
}).bind('fileuploadadd',function(e,data){ |
||||
|
var file=data['files'][0]; |
||||
|
var url = null; |
||||
|
if (window.createObjectURL != undefined) { |
||||
|
url = window.createObjectURL(file); |
||||
|
} else if (window.URL != undefined) { |
||||
|
url = window.URL.createObjectURL(file); |
||||
|
} else if (window.webkitURL != undefined) { |
||||
|
url = window.webkitURL.createObjectURL(file); |
||||
|
} |
||||
|
var name=file['name']; |
||||
|
var size=change(file['size']); |
||||
|
var count=$(".attachments").eq(current).find(".attachment").length; |
||||
|
var curbar=current; |
||||
|
if(num>1){ |
||||
|
curbar=count; |
||||
|
} |
||||
|
console.log('curbar2:'+curbar); |
||||
|
if(/^blob/.test(url)){ |
||||
|
var html='<div class="attachment clearfix">'; |
||||
|
html+='<div class="progress-bar" id="progressbar'+curbar+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>'; |
||||
|
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>'; |
||||
|
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>'; |
||||
|
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" data-index="'+curbar+'" href="javascript:void(0)">删除</a></div></div></div>'; |
||||
|
if(num==1){ |
||||
|
$(".attachments").eq(current).html(html); |
||||
|
}else{ |
||||
|
|
||||
|
if(count>=num){ |
||||
|
tool.msg("超过允许上传图片张数"); |
||||
|
return false; |
||||
|
} |
||||
|
$(".attachments").eq(current).append(html); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
|
} |
||||
|
$(function(){ |
||||
|
var regions=<?php echo json_encode($regions);?>; |
||||
|
console.log(regions); |
||||
|
$("#province").change(function(){ |
||||
|
var pid=$("#province").val(); |
||||
|
var data=[]; |
||||
|
if(typeof regions[pid]!='undefined'){ |
||||
|
var data=regions[pid]; |
||||
|
jQuery("#city option").remove(); |
||||
|
jQuery("<option value=0>选择所在市</option>").appendTo(jQuery("#city")); |
||||
|
jQuery("#town option").remove(); |
||||
|
jQuery("<option value=0>选择所在区</option>").appendTo(jQuery("#town")); |
||||
|
jQuery.each(data,function(idx,item){ |
||||
|
jQuery("<option value="+item.id+">"+item.name+"</option>").appendTo(jQuery("#city")); |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
$("#city").change(function(){ |
||||
|
var pid=$("#province").val(); |
||||
|
var data=[]; |
||||
|
if(typeof regions[pid]!='undefined'){ |
||||
|
var citys=regions[pid]; |
||||
|
var cid=$("#city").get(0).selectedIndex-1; |
||||
|
console.log(citys); |
||||
|
console.log(cid); |
||||
|
if(typeof citys[cid]!='undefined'){ |
||||
|
console.log(citys[cid]); |
||||
|
var data=citys[cid]['towns']; |
||||
|
jQuery("#town option").remove(); |
||||
|
jQuery("<option value=0>选择所在区</option>").appendTo(jQuery("#town")); |
||||
|
jQuery.each(data,function(idx,item){ |
||||
|
jQuery("<option value="+item.id+">"+item.name+"</option>").appendTo(jQuery("#town")); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 |
||||
|
appId: "{$signPackage.appId}", // 必填,公众号的唯一标识 |
||||
|
timestamp:"{$signPackage.timestamp}", // 必填,生成签名的时间戳 |
||||
|
nonceStr:"{$signPackage.nonceStr}", // 必填,生成签名的随机串 |
||||
|
signature:"{$signPackage.signature}",// 必填,签名 |
||||
|
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表 |
||||
|
}); |
||||
|
wx.ready(function(){ |
||||
|
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容 |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
desc: "{$share.desc}", // 分享描述 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title:"{$share.title}", // 分享标题 |
||||
|
link:"{$share.link}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 |
||||
|
imgUrl:"{$share.imgUrl}", // 分享图标 |
||||
|
success: function () { |
||||
|
// 设置成功 |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
$("body").delegate(".delete-link",'click',function(){ |
||||
|
|
||||
|
var index=$(this).data('index'); |
||||
|
var parent=$(this).parents('.attachment-field'); |
||||
|
var pics=parent.find('.picfield').val(); |
||||
|
console.log(index); |
||||
|
console.log(pics); |
||||
|
if(pics){ |
||||
|
pics=pics.split(';'); |
||||
|
pics.splice(index,1); |
||||
|
pics=pics.join(';'); |
||||
|
console.log(pics); |
||||
|
pics=parent.find('.picfield').val(pics); |
||||
|
} |
||||
|
var parent=$(this).parents(".attachment"); |
||||
|
parent.remove(); |
||||
|
}); |
||||
|
var url="{:url('upload',['key'=>'closepicbtn'])}"; |
||||
|
uploadPic(url,"#closepicbtn","#closepic",0,5); |
||||
|
var url="{:url('upload',['key'=>'visionpicbtn'])}"; |
||||
|
uploadPic(url,"#visionpicbtn","#visionpic",1,5); |
||||
|
|
||||
|
var url="{:url('upload',['key'=>'allpicbtn'])}"; |
||||
|
uploadPic(url,"#allpicbtn","#allpic",2,5); |
||||
|
var url="{:url('upload',['key'=>'planepicbtn'])}"; |
||||
|
uploadPic(url,"#planepicbtn","#planepic",3,5); |
||||
|
// 手机号码验证 |
||||
|
jQuery.validator.addMethod("isMobile", function(value, element) { |
||||
|
var length = value.length; |
||||
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); |
||||
|
}, "请正确填写您的手机号码。"); |
||||
|
|
||||
|
var rules={ |
||||
|
"username":"required", |
||||
|
"mobile":{ |
||||
|
"required":true, |
||||
|
"isMobile":true |
||||
|
}, |
||||
|
"weixin":"required", |
||||
|
"email":{ |
||||
|
"required":true, |
||||
|
"email":true |
||||
|
}, |
||||
|
"province":"required", |
||||
|
"city":"required", |
||||
|
"town":"required", |
||||
|
"address":"required", |
||||
|
"orgname":"required", |
||||
|
"belong":"required", |
||||
|
"material":"required", |
||||
|
"area":"required", |
||||
|
"buildage":"required", |
||||
|
"buildstyle":"required" |
||||
|
}; |
||||
|
var messages={ |
||||
|
"username":"姓名必填", |
||||
|
"weixin":"微信必填", |
||||
|
"mobile":{ |
||||
|
"required":"手机号码必填", |
||||
|
"isMobile":"请正确填写您的手机号码" |
||||
|
}, |
||||
|
"weixin":"微信必填", |
||||
|
"email":{ |
||||
|
"required":"邮箱必填", |
||||
|
"email":"邮箱格式不正确" |
||||
|
}, |
||||
|
"province":"选择所在省", |
||||
|
"city":"选择所在市", |
||||
|
"town":"选择所在区", |
||||
|
"address":"详情地址必填", |
||||
|
"orgname":"所有人必填", |
||||
|
"belong":"产权必选", |
||||
|
"material":"材质必选", |
||||
|
"area":"民居面积必填", |
||||
|
"buildage":"建筑年代必填", |
||||
|
"buildstyle":"建筑风格必填" |
||||
|
}; |
||||
|
tool.commonForm("#postForm",rules,messages); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,75 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta name="author" content="{$Think.config.sys_name}"> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
||||
|
<base href="{$yf_theme_path}static/" /> |
||||
|
<title>古村落振兴计划- {$site_name}</title> |
||||
|
<meta name="keywords" content="{$site_seo_keywords}" /> |
||||
|
<meta name="description" content="{$site_seo_description}"> |
||||
|
<link rel="stylesheet" type="text/css" href="css/gucuan.css"> |
||||
|
<!--引入jquery--> |
||||
|
<script type="text/javascript" src="{$yf_theme_path}public/js/jquery.js"></script> |
||||
|
<script type="text/javascript" src="{$yf_theme_path}public/js/backtop.js"></script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<body> |
||||
|
<div id="wraper"> |
||||
|
<div id="head"> |
||||
|
<img src="img/gucuan/headbg.jpg" class="wid100"/> |
||||
|
<div class="container"> |
||||
|
<div id="logo"><img src="img/gucuan/logo.png" /></div> |
||||
|
<div id="info"> |
||||
|
<img src="img/gucuan/txt.png" class="wid100"/> |
||||
|
</div> |
||||
|
<div id="jinxi"> |
||||
|
<img src="img/gucuan/jinxi.png" class="wid100"/> |
||||
|
<a href="javascript:void(0);"><img src="img/gucuan/enter.png" class="wid100"/></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="content"> |
||||
|
<div id="gucuan" class="section"> |
||||
|
<div id="story"><img src="img/gucuan/story.png" class="wid100"/></div> |
||||
|
<div class="down"><img src="img/gucuan/down.png" /></div> |
||||
|
<div id="platform"><img src="img/gucuan/platform.png" class="wid100"/></div> |
||||
|
<div id="twopoint"> |
||||
|
<img src="img/gucuan/twopoint.png" class="wid100"/> |
||||
|
</div> |
||||
|
<div class="down"><img src="img/gucuan/down.png" /></div> |
||||
|
<div id="plan"> |
||||
|
<img src="img/gucuan/plan.png" class="wid100"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="customer" class="section"> |
||||
|
<img src="img/gucuan/customer.png" class="wid100"/> |
||||
|
</div> |
||||
|
<div id="target" class="section"> |
||||
|
<img src="img/gucuan/target.jpg" class="wid100"/> |
||||
|
</div> |
||||
|
<div id="features" class="section"> |
||||
|
<img src="img/gucuan/features.png" class="wid100"/> |
||||
|
</div> |
||||
|
<div id="mode" class="section"> |
||||
|
<img src="img/gucuan/mode.png" class="wid100"/> |
||||
|
</div> |
||||
|
<div id="sign" class="section"> |
||||
|
<img src="img/gucuan/sign.png" class="wid100"/> |
||||
|
</div> |
||||
|
<div id="system" class="section"> |
||||
|
<img src="img/gucuan/system.png" class="wid100"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="foot"> |
||||
|
<img src="img/gucuan/foot.png" class="wid100"/> |
||||
|
</div> |
||||
|
<div class="right_fixd"> |
||||
|
<div id="return-top" class="sticktop modever modeac modepc"> |
||||
|
<div class="jiantou"><img src="img/gucuan/up.png" /></div> |
||||
|
<div class="dingbu">顶部</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,49 @@ |
|||||
|
@font-face {font-family: "iconfont"; |
||||
|
src: url('iconfont2.eot?t=1599812108041'); /* IE9 */ |
||||
|
src: url('iconfont2.eot?t=1599812108041#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
||||
|
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAncAAsAAAAAEXgAAAmNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCECgqUYJARATYCJAMkCxQABCAFhG0HgQ4bSw5RlFBWF9lPTZ4gNAixIQzMCgCYcJAAQAIX8ID0YHMsHp7m0Pdzl3ARFcHQE7ipCUXoais3xWrOzOgKkw7+d00zII4eHMmqESlUGPjJ5domFyo8P6en1ITchBtRdJtvSRPxL0rSQDfBG6Jt3vuE/GsTxhSMXipGY8Y2woqArfmtPwAXrLKRpS6yfv7en/6Ja4V7gESY4BvrvNvY6zTGovhTGAf0bmMM61thVlqAAUqYehZri1m9aLAaO37e3QQ6mw4N3L28f0LjMq4Ghr1VkqDxUKGc4QhNTiU5M4uvRjTF5+OFfLG/P/4rVkOhTPiRj59fcHQ8zvxLOZsz9GrqCM2V40oj4QiSr9m/pHk/gcTbNaQbO+wlZNY8/cxinOl6N7vX/SYVF3MzxOfjgcKsQEgla+x/nlBrlESFyADzR7VZWEFPoGJcTyAzbiaQGPcSKBj3EwjGJIGaUSTQcLHEH4BKWiqcdRDy09NHdk25d4eAQ9LL185GWh7m9Di/dm7Pjw5peniYYCeezM1ObUzMbM/G9ujCVD0wtPWBpqLTQ3tdzGT34fa3M2j4QDnInI8aINkIbleuZOOCMbXXuotxrifJk21wo3iguK1xcyM4xCqOC1jkr7NGnrUayErOZqusijMaqF7oaMjBEDG7Ups0TLreU/QhN9uQGq7eziV5A7a1cA+ZlDWaDutaxSMItEGBGNrKdse5pMhf7Vw7N6iKtVYqKlSrc2G1x7XB8es8vGEYTybb4FVrve1Se017qqYaWW0cw24fgDSuSiuxVIOstMJUIEGUQO2CAmsfOQZB6BpbBYIwiozMFOMqDqdA+mlPXrtSpR7iS2xIkxAoxivmEChK8WSUpkqnEw8OjifWUArudb305k1ZKAgSOYFRkF7fbaJcrRnglVMYp5RQq1aWlXBMeWyxEamp9DyMIyFURcbSShMlyYUoCjXFCA7A8TpTyKQ2ThTXE+V4nZKEYIrCCGAgx9GAXuHkGODZXGkGgsvz7tqVnmI1wFVsCXUA3XXNbtFV4e7r9gqKJ117Fjmtd1xxM27XOQ8ZtPQIdkl+MYPNluNAfQg7ojjsqlwp5XI1+5GdV+XXfLEDtjzegKJ4Neh7NijWK9eC7qzl+lhkWiCd8vEAOakTZKi2HTqHGmMXjuyoavLTnhp0AEjlWqHR7uv87IEr/sa7LllnLpZe1HmS3DM3ZUsO++3WibYOhhL7fFfdDKYGyNXSLVdcMM6qddZaXbRmhW0nQlfsd0UgarNUf55NnhXrDnIAsnKvFQ1R4nIC7aYoxeo8AtAQetFNt3WDHjQEWnLdr7f0EQChUydyEWhggxvaVDuoUvDQPLgQxSgFiZQNURMStJ7kIng9uTJZpZzoXkOQrF2LXt+hfyGdLm/XJbt1zsEmy2fnOylKjGIvuihU6qVQMIiR3/5cXN0q4fsFVMw9EnxsfmWgn72kdfWlv620gd8QmHrH/o4ohP+GX/XaMJQYGv9ab8CTIdOdJ798mzwVeS0wv35dGC1xdHzyRDj35fPTT2Wlhd5jBfPGLmw7efrF7TUzoE9d9/2iKJjFYnBsAqn8ev+5GdrDle0f3puZzcV8HMx9RCKxVrtfMzP7kKAxvtgryhqxMzZwDE1xz/dfugRTv/97+4V3xLNXD0WssZNBgyAS1mo/f5m/8uTuHy9KJOdLxROE0a9/Ubsix69YcONGesH1G8d3TnKf+vLCuGfaRpwHTGtDXV3rep/TjvR2D71/N/TGG3bS4A0NEt/hI4v7q5MTPCfuCrCYEFLd+PbgeTJ3V9Ok5UVbwd5mOd21kLd88mFxi+28Qq5NlgPcujlGYO14vMS7xNq13jbctr50u6M1v9SbfaCY1s3QoDSBcYyo7Ix5Ka0oj5y2/6l1QZH7cnBjvayi09iwJPNHbInC27LsIoKuk06HaH8+03YDWeTA2/b0f+zTtqCZIJmmHdKvgVfDw3pYi77jvUNpu39/BtcVunko2hI1bQInysiHrjotqgSdMDbOBMzbtHGWQ4e2ZfoBjbdRJDu6rVQiGDG7ySU42bCTnsuYwbSv08HIpXdGOngFe9Xu2M6cYTKDucOsU4XsMHT1EJ7JBEz1bOYjlaHKeCYDMGZmM6RuhnoWn+faM4HO0y3gYttZvlGSx7KM/3Hj6gFj43/XTG0W3315Zs6w00Ox2NhE13o49qDHxXYO/P/hnKCUizqS4SAmK1rIXmWe8YavZ0Kwz6ttrh7I2X/VZvWnWSFNbuCcf8fB9DLXMrcyS+CfXuham54cns5PgGJycmMAY6gBikngx6/iWjvKqjrWXm8fW231PhaOjhIIlCvBCZ/WjT40Tz+vJtilNjVQNEMUmOr8ysHD08kc4/2S2PjFqVCKw1JmZo77XB2rSaJZabY13mqoVbDE8mS7ZpLcsMG5ysJ8SqiH/6RTIPSqkZMNz1Q+1c3n/6PzpNjeyMjFqVHJMfY+7nK5CXOEDzrEHUaDtQbat1y00r6AZjOLn7VJmuT74VNPXtPInay1R6VH17J2+jR1fni/8eRu2q+Cl4ZXtN0PrWkFffzpNoycR8g7zjvkETpMu4zkP5r3lvt23iPtEHcIOfoICfBSBvVAAIsOR94fmqEcurCQ/VHo4zGL4WvXYCiLFRay8gaUWYORL4MZQKeDiMy0ODABZJSBHCHIziidAOJAZrIJnR7AZHizGrx9ooFICCKsyn454FT4oMEP4P/kECywQ3eOw+GdX2pgryzHGAN96JMOeGzonV9wct4VkS06h+4FFj+pvZhvGvK1Qf9WN91VTETthv9bhWHFB2kUXIUzplBwVf5IvKjNr8XrfIXw1jma4pqFTmzgPFk764+yFwoLJ+bsBT+yUNuAJDNvQYb5KLLUuw4VzDciO4euzu/NcYZEbnHgC5Fh2ndkYdJvSDD/QIb5N7K06F+pYFkpsvMklq7Y21mvJs8ckAAc0z5WzGihlYRJZ/gDyNgijiT1oBdwXhmN8yT79VyBBtfEMb4jixAEFs608SU7Alotg2tnKmAhKdFdN9JU3I9NmGmjSXc4gAhmbA6j+ukVxtBE4GAy9vUPgBS1EC5j3nf6F8Dx1PaxXCIroL8iutC8QxnrdUiFQOUC1qc6Rht2SeWgJToNrJbvVgFMkCgrtNcaUlpPFCVJ99ntfU3svgX5E9soIkWOMqqoo4k2OlOnoMtI+sqbmj1F9LCI3ThSKbGzHusrXRItxwXo5HI5wUn10XFzXNHIifFv2iL6aJ6Zuu+ULAMl2kaiEQIAAA==') format('woff2'), |
||||
|
url('iconfont2.woff?t=1599812108041') format('woff'), |
||||
|
url('iconfont2.ttf?t=1599812108041') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ |
||||
|
url('iconfont2.svg?t=1599812108041#iconfont') format('svg'); /* iOS 4.1- */ |
||||
|
} |
||||
|
|
||||
|
.iconfont { |
||||
|
font-family: "iconfont" !important; |
||||
|
font-size: 17px; |
||||
|
font-style: normal; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
|
||||
|
.icon-wenhuayishuxian:before { |
||||
|
content: "\e62a"; |
||||
|
} |
||||
|
|
||||
|
.icon-fuwu:before { |
||||
|
content: "\e61f"; |
||||
|
} |
||||
|
|
||||
|
.icon-jijin:before { |
||||
|
content: "\e61a"; |
||||
|
} |
||||
|
|
||||
|
.icon-yinhang:before { |
||||
|
content: "\e618"; |
||||
|
} |
||||
|
|
||||
|
.icon-fenxiang:before { |
||||
|
content: "\e713"; |
||||
|
} |
||||
|
|
||||
|
.icon-dianshang:before { |
||||
|
content: "\e611"; |
||||
|
} |
||||
|
|
||||
|
.icon-dibudaohanglan-:before { |
||||
|
content: "\e62e"; |
||||
|
} |
||||
|
|
||||
|
.icon-copyrightbanquan:before { |
||||
|
content: "\e666"; |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,65 @@ |
|||||
|
{ |
||||
|
"id": "", |
||||
|
"name": "", |
||||
|
"font_family": "iconfont", |
||||
|
"css_prefix_text": "icon-", |
||||
|
"description": "", |
||||
|
"glyphs": [ |
||||
|
{ |
||||
|
"icon_id": "625987", |
||||
|
"name": "42-文化艺术-线", |
||||
|
"font_class": "wenhuayishuxian", |
||||
|
"unicode": "e62a", |
||||
|
"unicode_decimal": 58922 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "933672", |
||||
|
"name": "服务", |
||||
|
"font_class": "fuwu", |
||||
|
"unicode": "e61f", |
||||
|
"unicode_decimal": 58911 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1279034", |
||||
|
"name": "基金", |
||||
|
"font_class": "jijin", |
||||
|
"unicode": "e61a", |
||||
|
"unicode_decimal": 58906 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "4217038", |
||||
|
"name": "银行", |
||||
|
"font_class": "yinhang", |
||||
|
"unicode": "e618", |
||||
|
"unicode_decimal": 58904 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "4266160", |
||||
|
"name": "分享", |
||||
|
"font_class": "fenxiang", |
||||
|
"unicode": "e713", |
||||
|
"unicode_decimal": 59155 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "6022349", |
||||
|
"name": "电商", |
||||
|
"font_class": "dianshang", |
||||
|
"unicode": "e611", |
||||
|
"unicode_decimal": 58897 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "8783188", |
||||
|
"name": "学校", |
||||
|
"font_class": "dibudaohanglan-", |
||||
|
"unicode": "e62e", |
||||
|
"unicode_decimal": 58926 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "15727009", |
||||
|
"name": "copyright版权", |
||||
|
"font_class": "copyrightbanquan", |
||||
|
"unicode": "e666", |
||||
|
"unicode_decimal": 58982 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 193 KiB |
|
After Width: | Height: | Size: 348 KiB |
@ -0,0 +1,574 @@ |
|||||
|
/*! Pink Flag Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License */ |
||||
|
|
||||
|
/* |
||||
|
* Skin for jPlayer Plugin (jQuery JavaScript Library) |
||||
|
* http://www.jplayer.org |
||||
|
* |
||||
|
* Skin Name: Pink Flag |
||||
|
* |
||||
|
* Copyright (c) 2012 - 2014 Happyworm Ltd |
||||
|
* Licensed under the MIT license. |
||||
|
* - http://www.opensource.org/licenses/mit-license.php |
||||
|
* |
||||
|
* Author: Silvia Benvenuti |
||||
|
* Skin Version: 2.1 (jPlayer 2.8.0) |
||||
|
* Date: 13th November 2014 |
||||
|
*/ |
||||
|
.jp-audio *:focus, |
||||
|
.jp-audio-stream *:focus, |
||||
|
.jp-video *:focus { |
||||
|
/* Disable the browser focus highlighting. */ |
||||
|
outline: none; } |
||||
|
|
||||
|
.jp-audio button::-moz-focus-inner, |
||||
|
.jp-audio-stream button::-moz-focus-inner, |
||||
|
.jp-video button::-moz-focus-inner { |
||||
|
/* Disable the browser CSS3 focus highlighting. */ |
||||
|
border: 0; } |
||||
|
|
||||
|
.jp-audio, |
||||
|
.jp-audio-stream, |
||||
|
.jp-video { |
||||
|
font-size: 16px; |
||||
|
font-family: Verdana, Arial, sans-serif; |
||||
|
line-height: 1.6; |
||||
|
color: #fff; |
||||
|
border-top: 1px solid #554461; |
||||
|
border-left: 1px solid #554461; |
||||
|
border-right: 1px solid #180a1f; |
||||
|
border-bottom: 1px solid #180a1f; |
||||
|
background-color: #591428; } |
||||
|
|
||||
|
.jp-audio { |
||||
|
width: 201px; |
||||
|
padding: 20px; } |
||||
|
|
||||
|
.jp-audio-stream { |
||||
|
width: 101px; |
||||
|
padding: 20px 20px 10px 20px; } |
||||
|
|
||||
|
.jp-video-270p { |
||||
|
width: 480px; |
||||
|
} |
||||
|
|
||||
|
.jp-video-360p { |
||||
|
width: 640px; } |
||||
|
|
||||
|
.jp-video-full { |
||||
|
/* Rules for IE6 (full-screen) */ |
||||
|
width: 480px; |
||||
|
height: 270px; |
||||
|
/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ |
||||
|
position: static !important; |
||||
|
position: relative; } |
||||
|
|
||||
|
/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ |
||||
|
.jp-video-full div div { |
||||
|
z-index: 1000; } |
||||
|
|
||||
|
.jp-video-full .jp-jplayer { |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
position: fixed !important; |
||||
|
position: relative; |
||||
|
/* Rules for IE6 (full-screen) */ |
||||
|
overflow: hidden; } |
||||
|
|
||||
|
.jp-video-full .jp-gui { |
||||
|
position: fixed !important; |
||||
|
position: static; |
||||
|
/* Rules for IE6 (full-screen) */ |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
z-index: 1001; |
||||
|
/* 1 layer above the others. */ } |
||||
|
|
||||
|
.jp-video-full .jp-interface { |
||||
|
position: absolute !important; |
||||
|
position: relative; |
||||
|
/* Rules for IE6 (full-screen) */ |
||||
|
bottom: 0; |
||||
|
left: 0; } |
||||
|
|
||||
|
.jp-interface { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
background-color: #591428; |
||||
|
/* Required for the full screen */ } |
||||
|
|
||||
|
/* @group CONTROLS */ |
||||
|
.jp-video .jp-controls-holder { |
||||
|
clear: both; |
||||
|
width: 440px; |
||||
|
margin: 0 auto 10px auto; |
||||
|
position: relative; |
||||
|
overflow: hidden; } |
||||
|
|
||||
|
.jp-audio .jp-controls-holder { |
||||
|
height: 80px; } |
||||
|
|
||||
|
.jp-audio-stream .jp-controls-holder { |
||||
|
height: 50px; } |
||||
|
|
||||
|
.jp-controls { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0 0 no-repeat; |
||||
|
padding: 1px 0 2px 1px; |
||||
|
overflow: hidden; |
||||
|
width: 201px; |
||||
|
height: 34px; } |
||||
|
|
||||
|
.jp-audio .jp-controls, |
||||
|
.jp-audio-stream .jp-controls { |
||||
|
margin: 0 auto; } |
||||
|
|
||||
|
.jp-audio-stream .jp-controls { |
||||
|
width: 100px; } |
||||
|
|
||||
|
.jp-video .jp-controls { |
||||
|
margin: 0 0 0 115px; |
||||
|
float: left; |
||||
|
display: inline; |
||||
|
/* need this to fix IE6 double margin */ } |
||||
|
|
||||
|
.jp-controls button { |
||||
|
display: block; |
||||
|
float: left; |
||||
|
overflow: hidden; |
||||
|
text-indent: -9999px; |
||||
|
height: 34px; |
||||
|
margin: 0 1px 2px 0; |
||||
|
padding: 0; |
||||
|
border: none; |
||||
|
cursor: pointer; } |
||||
|
|
||||
|
/* @group single player controls */ |
||||
|
.jp-type-single .jp-controls button { |
||||
|
width: 99px; } |
||||
|
|
||||
|
.jp-type-single .jp-play { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -40px no-repeat; } |
||||
|
|
||||
|
.jp-type-single .jp-play:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -100px -40px no-repeat; } |
||||
|
|
||||
|
.jp-state-playing .jp-type-single .jp-play { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -120px no-repeat; } |
||||
|
|
||||
|
.jp-state-playing .jp-type-single .jp-play:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -100px -120px no-repeat; } |
||||
|
|
||||
|
/* The right border is normally in the ul background image. */ |
||||
|
.jp-audio-stream .jp-play, |
||||
|
.jp-audio-stream .jp-pause { |
||||
|
border-right: 1px solid #180920; } |
||||
|
|
||||
|
.jp-type-single .jp-stop { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -80px no-repeat; } |
||||
|
|
||||
|
.jp-type-single .jp-stop:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -100px -80px no-repeat; } |
||||
|
|
||||
|
/* @end */ |
||||
|
/* @group playlist player controls */ |
||||
|
.jp-type-playlist .jp-controls button { |
||||
|
width: 49px; } |
||||
|
|
||||
|
.jp-type-playlist .jp-play { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -24px -40px no-repeat; } |
||||
|
|
||||
|
.jp-type-playlist .jp-play:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -124px -40px no-repeat; } |
||||
|
|
||||
|
.jp-state-playing div.jp-type-playlist .jp-play { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -24px -120px no-repeat; } |
||||
|
|
||||
|
.jp-state-playing div.jp-type-playlist .jp-play:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -124px -120px no-repeat; } |
||||
|
|
||||
|
.jp-type-playlist .jp-stop { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -24px -80px no-repeat; } |
||||
|
|
||||
|
.jp-type-playlist .jp-stop:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -124px -80px no-repeat; } |
||||
|
|
||||
|
.jp-type-playlist .jp-previous { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -24px -200px no-repeat; } |
||||
|
|
||||
|
.jp-type-playlist .jp-previous:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -124px -200px no-repeat; } |
||||
|
|
||||
|
.jp-type-playlist .jp-next { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -24px -160px no-repeat; } |
||||
|
|
||||
|
.jp-type-playlist .jp-next:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -124px -160px no-repeat; } |
||||
|
|
||||
|
/* @end */ |
||||
|
/* @group TOGGLES */ |
||||
|
.jp-toggles { |
||||
|
padding: 0; |
||||
|
margin: 0 auto; |
||||
|
overflow: hidden; } |
||||
|
|
||||
|
.jp-audio .jp-toggles { |
||||
|
width: 55px; } |
||||
|
|
||||
|
.jp-audio .jp-type-single .jp-toggles { |
||||
|
width: 25px; } |
||||
|
|
||||
|
.jp-video .jp-toggles { |
||||
|
float: left; |
||||
|
width: 105px; |
||||
|
margin: 10px 0 0 15px; } |
||||
|
|
||||
|
.jp-toggles button { |
||||
|
display: block; |
||||
|
float: left; |
||||
|
width: 25px; |
||||
|
height: 18px; |
||||
|
text-indent: -9999px; |
||||
|
line-height: 100%; |
||||
|
/* need this for IE6 */ |
||||
|
border: none; |
||||
|
cursor: pointer; } |
||||
|
|
||||
|
.jp-full-screen { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0 -420px no-repeat; |
||||
|
margin-left: 15px; } |
||||
|
|
||||
|
.jp-full-screen:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -30px -420px no-repeat; } |
||||
|
|
||||
|
.jp-state-full-screen .jp-full-screen { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -60px -420px no-repeat; } |
||||
|
|
||||
|
.jp-state-full-screen .jp-full-screen:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -90px -420px no-repeat; } |
||||
|
|
||||
|
.jp-repeat { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0 -440px no-repeat; |
||||
|
margin-left: 0; } |
||||
|
|
||||
|
.jp-repeat:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -30px -440px no-repeat; } |
||||
|
|
||||
|
.jp-state-looped .jp-repeat { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -60px -440px no-repeat; } |
||||
|
|
||||
|
.jp-state-looped .jp-repeat:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -90px -440px no-repeat; } |
||||
|
|
||||
|
.jp-shuffle { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0 -460px no-repeat; |
||||
|
margin-left: 15px; } |
||||
|
|
||||
|
.jp-shuffle:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -30px -460px no-repeat; } |
||||
|
|
||||
|
.jp-state-shuffled .jp-shuffle { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -60px -460px no-repeat; } |
||||
|
|
||||
|
.jp-state-shuffled .jp-shuffle:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -90px -460px no-repeat; } |
||||
|
|
||||
|
.jp-audio .jp-shuffle { |
||||
|
margin-left: 5px; } |
||||
|
|
||||
|
/* @end */ |
||||
|
/* @group progress bar */ |
||||
|
/* The seeking class is added/removed inside jPlayer */ |
||||
|
div.jp-seeking-bg { |
||||
|
background: url("../image/jplayer.pink.flag.seeking.gif"); } |
||||
|
|
||||
|
.jp-progress { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -240px no-repeat; |
||||
|
width: 197px; |
||||
|
height: 13px; |
||||
|
padding: 0 2px 2px 2px; |
||||
|
margin-bottom: 4px; |
||||
|
overflow: hidden; } |
||||
|
|
||||
|
div.jp-video .jp-progress { |
||||
|
border-top: 1px solid #180a1f; |
||||
|
border-bottom: 1px solid #554560; |
||||
|
width: 100%; |
||||
|
background-image: none; |
||||
|
padding: 0; } |
||||
|
|
||||
|
.jp-seek-bar { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -260px repeat-x; |
||||
|
width: 0px; |
||||
|
height: 100%; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; } |
||||
|
|
||||
|
.jp-play-bar { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -280px repeat-x; |
||||
|
width: 0px; |
||||
|
height: 100%; |
||||
|
overflow: hidden; } |
||||
|
|
||||
|
/* @end */ |
||||
|
/* @group volume controls */ |
||||
|
.jp-state-no-volume .jp-volume-controls { |
||||
|
display: none; } |
||||
|
|
||||
|
.jp-audio .jp-volume-controls, |
||||
|
.jp-audio-stream .jp-volume-controls { |
||||
|
height: 30px; } |
||||
|
|
||||
|
.jp-volume-controls button { |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
overflow: hidden; |
||||
|
text-indent: -9999px; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 16px; |
||||
|
height: 11px; |
||||
|
border: none; |
||||
|
cursor: pointer; } |
||||
|
|
||||
|
.jp-audio .jp-volume-controls .jp-mute, |
||||
|
.jp-audio-stream .jp-volume-controls .jp-mute { |
||||
|
top: -6px; |
||||
|
left: 0; } |
||||
|
|
||||
|
.jp-audio .jp-volume-controls .jp-volume-max, |
||||
|
.jp-audio-stream .jp-volume-controls .jp-volume-max { |
||||
|
top: -6px; |
||||
|
right: 0; } |
||||
|
|
||||
|
.jp-video .jp-volume-controls .jp-mute, |
||||
|
.jp-video .jp-volume-controls .jp-unmute { |
||||
|
left: 0; |
||||
|
top: 14px; } |
||||
|
|
||||
|
.jp-video .jp-volume-controls .jp-volume-max { |
||||
|
left: 84px; |
||||
|
top: 14px; } |
||||
|
|
||||
|
.jp-volume-controls .jp-mute { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -330px no-repeat; } |
||||
|
|
||||
|
.jp-volume-controls .jp-mute:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -25px -330px no-repeat; } |
||||
|
|
||||
|
.jp-state-muted .jp-volume-controls .jp-mute { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -60px -330px no-repeat; } |
||||
|
|
||||
|
.jp-state-muted .jp-volume-controls .jp-mute:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -85px -330px no-repeat; } |
||||
|
|
||||
|
.jp-volume-controls .jp-volume-max { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -350px no-repeat; } |
||||
|
|
||||
|
.jp-volume-controls .jp-volume-max:focus { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") -25px -350px no-repeat; } |
||||
|
|
||||
|
.jp-volume-bar { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -300px repeat-x; |
||||
|
position: absolute; |
||||
|
width: 197px; |
||||
|
height: 4px; |
||||
|
padding: 2px 2px 1px 2px; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; } |
||||
|
|
||||
|
.jp-audio .jp-interface .jp-volume-bar, |
||||
|
.jp-audio-stream .jp-interface .jp-volume-bar { |
||||
|
top: 10px; |
||||
|
left: 0; } |
||||
|
|
||||
|
.jp-audio-stream .jp-interface .jp-volume-bar { |
||||
|
width: 97px; |
||||
|
border-right: 1px solid #180920; |
||||
|
padding-right: 1px; } |
||||
|
|
||||
|
.jp-video .jp-volume-bar { |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 95px; |
||||
|
border-right: 1px solid #180920; |
||||
|
padding-right: 1px; |
||||
|
margin-top: 30px; } |
||||
|
|
||||
|
.jp-volume-bar-value { |
||||
|
background: url("../image/jplayer.pink.flag.jpg") 0px -320px repeat-x; |
||||
|
height: 4px; } |
||||
|
|
||||
|
/* @end */ |
||||
|
/* @group current time and duration */ |
||||
|
.jp-current-time, .jp-duration { |
||||
|
width: 70px; |
||||
|
font-size: 15px; |
||||
|
color: #bfb0ca; } |
||||
|
|
||||
|
.jp-current-time { |
||||
|
float: left; |
||||
|
cursor: default; } |
||||
|
|
||||
|
.jp-duration { |
||||
|
float: right; |
||||
|
text-align: right; |
||||
|
cursor: pointer; } |
||||
|
|
||||
|
.jp-video .jp-current-time { |
||||
|
padding-left: 20px; } |
||||
|
|
||||
|
.jp-video .jp-duration { |
||||
|
padding-right: 20px; } |
||||
|
|
||||
|
/* @end */ |
||||
|
/* @group playlist */ |
||||
|
.jp-details { |
||||
|
font-size: 15px; |
||||
|
margin: 0; |
||||
|
padding: 0; } |
||||
|
|
||||
|
.jp-details .jp-title { |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
overflow: hidden; |
||||
|
text-align: center; |
||||
|
cursor: default; } |
||||
|
|
||||
|
.jp-video .jp-details { |
||||
|
margin: 0 90px 10px; } |
||||
|
|
||||
|
.jp-playlist ul { |
||||
|
list-style-type: none; |
||||
|
font-size: 15px; |
||||
|
margin: 0; |
||||
|
padding: 0; } |
||||
|
|
||||
|
.jp-playlist li { |
||||
|
position: relative; |
||||
|
padding: 2px 20px; |
||||
|
border-top: 1px solid #554461; |
||||
|
border-bottom: 1px solid #180a1f; |
||||
|
overflow: hidden; } |
||||
|
|
||||
|
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ |
||||
|
div.jp-type-playlist div.jp-playlist li:first-child { |
||||
|
border-top: none; |
||||
|
padding-top: 3px; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist li:last-child { |
||||
|
border-bottom: none; |
||||
|
padding-bottom: 3px; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist a { |
||||
|
color: #fff; |
||||
|
text-decoration: none; |
||||
|
margin: 0!important; |
||||
|
} |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist a:hover { |
||||
|
color: #d760d8; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist li.jp-playlist-current { |
||||
|
background-color: #451020; |
||||
|
padding: 2px 20px; |
||||
|
border-top: 1px solid #451020; |
||||
|
border-bottom: 1px solid #451020; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist li.jp-playlist-current a { |
||||
|
color: #d760d8; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { |
||||
|
float: right; |
||||
|
/*display: inline;*/ |
||||
|
text-align: right; |
||||
|
margin-left: 10px; |
||||
|
font-weight: bold; |
||||
|
color: #bfb0ca; |
||||
|
display: none!important; |
||||
|
} |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { |
||||
|
color: #d760d8; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist span.jp-free-media { |
||||
|
float: right; |
||||
|
display: inline; |
||||
|
text-align: right; |
||||
|
color: #bfb0ca; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist span.jp-free-media a { |
||||
|
color: #bfb0ca; } |
||||
|
|
||||
|
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { |
||||
|
color: #d760d8; } |
||||
|
|
||||
|
span.jp-artist { |
||||
|
margin-left: 10px; |
||||
|
font-size: 13px; |
||||
|
color: #bfb0ca; } |
||||
|
|
||||
|
/* @end */ |
||||
|
.jp-video .jp-video-play { |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
/* Important for nested negative margins to work in modern browsers */ } |
||||
|
|
||||
|
.jp-video-270p .jp-video-play { |
||||
|
margin-top: -270px; |
||||
|
height: 270px; } |
||||
|
|
||||
|
.jp-video-360p .jp-video-play { |
||||
|
margin-top: -360px; |
||||
|
height: 360px; } |
||||
|
|
||||
|
.jp-video-full .jp-video-play { |
||||
|
height: 100%; } |
||||
|
|
||||
|
.jp-video-play-icon { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
width: 112px; |
||||
|
height: 100px; |
||||
|
margin-left: -56px; |
||||
|
margin-top: -50px; |
||||
|
left: 50%; |
||||
|
top: 50%; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
background: url("../image/jplayer.pink.flag.video.play.png") 0 0 no-repeat; |
||||
|
text-indent: -9999px; } |
||||
|
|
||||
|
.jp-video-play-icon:focus { |
||||
|
background: url("../image/jplayer.pink.flag.video.play.png") 0 -100px no-repeat; } |
||||
|
|
||||
|
.jp-jplayer audio, |
||||
|
.jp-jplayer { |
||||
|
width: 0px; |
||||
|
height: 0px; } |
||||
|
|
||||
|
.jp-jplayer { |
||||
|
background-color: #000000; } |
||||
|
|
||||
|
/* @group NO SOLUTION error feedback */ |
||||
|
.jp-no-solution { |
||||
|
padding: 5px; |
||||
|
font-size: 16px; |
||||
|
background-color: #591428; |
||||
|
border-top: 2px solid #554461; |
||||
|
border-left: 2px solid #554461; |
||||
|
border-right: 2px solid #180a1f; |
||||
|
border-bottom: 2px solid #180a1f; |
||||
|
color: #FFF; |
||||
|
display: none; } |
||||
|
|
||||
|
.jp-no-solution a { |
||||
|
color: #FFF; } |
||||
|
|
||||
|
.jp-no-solution span { |
||||
|
font-size: 16px; |
||||
|
display: block; |
||||
|
text-align: center; |
||||
|
font-weight: bold; } |
||||
|
|
||||
|
/* @end */ |
||||
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,42 @@ |
|||||
|
<div id="{{JPLAYER}}" class="jp-jplayer"></div> |
||||
|
<div id="{{WRAPPER}}" class="jp-audio" role="application" aria-label="media player"> |
||||
|
<div class="jp-type-playlist"> |
||||
|
<div class="jp-gui jp-interface"> |
||||
|
<div class="jp-volume-controls"> |
||||
|
<button class="jp-mute" role="button" tabindex="0">mute</button> |
||||
|
<button class="jp-volume-max" role="button" tabindex="0">max volume</button> |
||||
|
<div class="jp-volume-bar"> |
||||
|
<div class="jp-volume-bar-value"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-controls-holder"> |
||||
|
<div class="jp-controls"> |
||||
|
<button class="jp-previous" role="button" tabindex="0">previous</button> |
||||
|
<button class="jp-play" role="button" tabindex="0">play</button> |
||||
|
<button class="jp-stop" role="button" tabindex="0">stop</button> |
||||
|
<button class="jp-next" role="button" tabindex="0">next</button> |
||||
|
</div> |
||||
|
<div class="jp-progress"> |
||||
|
<div class="jp-seek-bar"> |
||||
|
<div class="jp-play-bar"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-current-time" role="timer" aria-label="time"> </div> |
||||
|
<div class="jp-duration" role="timer" aria-label="duration"> </div> |
||||
|
<div class="jp-toggles"> |
||||
|
<button class="jp-repeat" role="button" tabindex="0">repeat</button> |
||||
|
<button class="jp-shuffle" role="button" tabindex="0">shuffle</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-playlist"> |
||||
|
<ul> |
||||
|
<li> </li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="jp-no-solution"> |
||||
|
<span>Update Required</span> |
||||
|
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,37 @@ |
|||||
|
<div id="{{JPLAYER}}" class="jp-jplayer"></div> |
||||
|
<div id="{{WRAPPER}}" class="jp-audio" role="application" aria-label="media player"> |
||||
|
<div class="jp-type-single"> |
||||
|
<div class="jp-gui jp-interface"> |
||||
|
<div class="jp-volume-controls"> |
||||
|
<button class="jp-mute" role="button" tabindex="0">mute</button> |
||||
|
<button class="jp-volume-max" role="button" tabindex="0">max volume</button> |
||||
|
<div class="jp-volume-bar"> |
||||
|
<div class="jp-volume-bar-value"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-controls-holder"> |
||||
|
<div class="jp-controls"> |
||||
|
<button class="jp-play" role="button" tabindex="0">play</button> |
||||
|
<button class="jp-stop" role="button" tabindex="0">stop</button> |
||||
|
</div> |
||||
|
<div class="jp-progress"> |
||||
|
<div class="jp-seek-bar"> |
||||
|
<div class="jp-play-bar"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-current-time" role="timer" aria-label="time"> </div> |
||||
|
<div class="jp-duration" role="timer" aria-label="duration"> </div> |
||||
|
<div class="jp-toggles"> |
||||
|
<button class="jp-repeat" role="button" tabindex="0">repeat</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-details"> |
||||
|
<div class="jp-title" aria-label="title"> </div> |
||||
|
</div> |
||||
|
<div class="jp-no-solution"> |
||||
|
<span>Update Required</span> |
||||
|
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,24 @@ |
|||||
|
<div id="{{JPLAYER}}" class="jp-jplayer"></div> |
||||
|
<div id="{{WRAPPER}}" class="jp-audio-stream" role="application" aria-label="media player"> |
||||
|
<div class="jp-type-single"> |
||||
|
<div class="jp-gui jp-interface"> |
||||
|
<div class="jp-volume-controls"> |
||||
|
<button class="jp-mute" role="button" tabindex="0">mute</button> |
||||
|
<button class="jp-volume-max" role="button" tabindex="0">max volume</button> |
||||
|
<div class="jp-volume-bar"> |
||||
|
<div class="jp-volume-bar-value"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-controls"> |
||||
|
<button class="jp-play" role="button" tabindex="0">play</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-details"> |
||||
|
<div class="jp-title" aria-label="title"> </div> |
||||
|
</div> |
||||
|
<div class="jp-no-solution"> |
||||
|
<span>Update Required</span> |
||||
|
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,52 @@ |
|||||
|
<div id="{{WRAPPER}}" class="jp-video " role="application" aria-label="media player"> |
||||
|
<div class="jp-type-playlist"> |
||||
|
<div id="{{JPLAYER}}" class="jp-jplayer"></div> |
||||
|
<div class="jp-gui"> |
||||
|
<div class="jp-video-play"> |
||||
|
<button class="jp-video-play-icon" role="button" tabindex="0">play</button> |
||||
|
</div> |
||||
|
<div class="jp-interface"> |
||||
|
<div class="jp-progress"> |
||||
|
<div class="jp-seek-bar"> |
||||
|
<div class="jp-play-bar"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-current-time" role="timer" aria-label="time"> </div> |
||||
|
<div class="jp-duration" role="timer" aria-label="duration"> </div> |
||||
|
<div class="jp-details"> |
||||
|
<div class="jp-title" aria-label="title"> </div> |
||||
|
</div> |
||||
|
<div class="jp-controls-holder"> |
||||
|
<div class="jp-volume-controls"> |
||||
|
<button class="jp-mute" role="button" tabindex="0">mute</button> |
||||
|
<button class="jp-volume-max" role="button" tabindex="0">max volume</button> |
||||
|
<div class="jp-volume-bar"> |
||||
|
<div class="jp-volume-bar-value"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-controls"> |
||||
|
<button class="jp-previous" role="button" tabindex="0">previous</button> |
||||
|
<button class="jp-play" role="button" tabindex="0">play</button> |
||||
|
<button class="jp-stop" role="button" tabindex="0">stop</button> |
||||
|
<button class="jp-next" role="button" tabindex="0">next</button> |
||||
|
</div> |
||||
|
<div class="jp-toggles"> |
||||
|
<button class="jp-repeat" role="button" tabindex="0">repeat</button> |
||||
|
<button class="jp-shuffle" role="button" tabindex="0">shuffle</button> |
||||
|
<button class="jp-full-screen" role="button" tabindex="0">full screen</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-playlist"> |
||||
|
<ul> |
||||
|
<!-- The method Playlist.displayPlaylist() uses this unordered list --> |
||||
|
<li></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="jp-no-solution"> |
||||
|
<span>Update Required</span> |
||||
|
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,43 @@ |
|||||
|
<div id="{{WRAPPER}}" class="jp-video " role="application" aria-label="media player"> |
||||
|
<div class="jp-type-single"> |
||||
|
<div id="{{JPLAYER}}" class="jp-jplayer"></div> |
||||
|
<div class="jp-gui"> |
||||
|
<div class="jp-video-play"> |
||||
|
<button class="jp-video-play-icon" role="button" tabindex="0">play</button> |
||||
|
</div> |
||||
|
<div class="jp-interface"> |
||||
|
<div class="jp-progress"> |
||||
|
<div class="jp-seek-bar"> |
||||
|
<div class="jp-play-bar"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-current-time" role="timer" aria-label="time"> </div> |
||||
|
<div class="jp-duration" role="timer" aria-label="duration"> </div> |
||||
|
<div class="jp-details"> |
||||
|
<div class="jp-title" aria-label="title"> </div> |
||||
|
</div> |
||||
|
<div class="jp-controls-holder"> |
||||
|
<div class="jp-volume-controls"> |
||||
|
<button class="jp-mute" role="button" tabindex="0">mute</button> |
||||
|
<button class="jp-volume-max" role="button" tabindex="0">max volume</button> |
||||
|
<div class="jp-volume-bar"> |
||||
|
<div class="jp-volume-bar-value"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-controls"> |
||||
|
<button class="jp-play" role="button" tabindex="0">play</button> |
||||
|
<button class="jp-stop" role="button" tabindex="0">stop</button> |
||||
|
</div> |
||||
|
<div class="jp-toggles"> |
||||
|
<button class="jp-repeat" role="button" tabindex="0">repeat</button> |
||||
|
<button class="jp-full-screen" role="button" tabindex="0">full screen</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="jp-no-solution"> |
||||
|
<span>Update Required</span> |
||||
|
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
After Width: | Height: | Size: 807 B |
|
After Width: | Height: | Size: 348 B |
|
After Width: | Height: | Size: 820 B |
|
After Width: | Height: | Size: 343 B |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 924 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 278 B |
|
After Width: | Height: | Size: 184 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 743 B |
|
After Width: | Height: | Size: 149 B |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 670 B |
|
After Width: | Height: | Size: 846 B |
|
After Width: | Height: | Size: 668 B |
|
After Width: | Height: | Size: 807 B |
|
After Width: | Height: | Size: 125 B |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 42 KiB |