You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
565 lines
28 KiB
565 lines
28 KiB
<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>
|