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.
441 lines
20 KiB
441 lines
20 KiB
<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>
|
|
.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;}
|
|
</style>
|
|
|
|
<h3 class="text-center" style="margin-top:20px;margin-bottom:15px">{if condition="$tg_type eq 3"}古建{else}艺术品{/if}资产托管清单</h3>
|
|
<div class="apply" style="padding:0px 10px;">
|
|
<form class="form-horizontal container" id="pForm" method="post" action="{:url('api/capital/apply')}" style="padding:0px 10px;width:97%;margin-bottom:0px;">
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">托管诉求(多选)<i style="color:red">*</i></label>
|
|
<div class="col-xs-9">
|
|
<div class="checkbox" style='margin-top:10px;display:inline-block;'>
|
|
<label>
|
|
<input type="checkbox" name="hoster_reason" id="hoster_reason0" checked value="1">资产背书
|
|
</label>
|
|
</div>
|
|
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
|
|
<label>
|
|
<input type="checkbox" name="hoster_reason" id="hoster_reason1" value="2">协议转让
|
|
</label>
|
|
</div>
|
|
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
|
|
<label >
|
|
<input type="checkbox" name="hoster_reason" id="hoster_reason2" value="3">资产拍卖
|
|
</label>
|
|
</div>
|
|
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
|
|
<label >
|
|
<input type="checkbox" name="hoster_reason" id="hoster_reason3" value="4">资产管理计划(产品设计)
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">资产名称<i style="color:red">*</i></label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="capital_name" value="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">资产尺寸<i style="color:red">*</i></label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="capital_size" value="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">资产类型</label>
|
|
<div class="col-xs-9">
|
|
<select id="capital_type" name="capital_type" class="form-control">
|
|
<option value="70">古典艺术</option>
|
|
<option value="80">近现代艺术</option>
|
|
<option value="90">当代艺术</option>
|
|
<option value="99">工艺美术</option>
|
|
<option value="100">艺术品权益</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">自报价格<i style="color:red">*</i></label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="capital_price" value="" placeholder="元">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">资产简介<i style="color:red">*</i></label>
|
|
<div class="col-xs-9">
|
|
<textarea class="form-control" name="capital_desc" placeholder="最多500字"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">资产图片(最多5张)</label>
|
|
<div class="col-xs-9">
|
|
<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="capital_files" id="capital_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">须提供纯色背景高清图，图片尺寸【像素1200（宽）*1200（高）、图片大小不超过500K】,一件作品不能超过5张图片(单独提供)</div>
|
|
</div></label>
|
|
</div>
|
|
<div class="attachment-error-message"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-xs-12">
|
|
<p>作品合规照片（电子档）</p>
|
|
<p>1、书画须提供：整体图、题款、钤印、局部绘画细节图。</p>
|
|
<p>2、玉器须提供：整体图、局部细节图、纹饰细节图。</p>
|
|
<p>3、陶瓷须提供：正面整体图、纹饰局部细节图、底部整体细节图。</p>
|
|
<p>4、铜杂须提供;整体图、可显示材质的细节图、铭文款识细节图。</p>
|
|
<p>5、文房须提供：整体图、可显示材质的细节图、铭文款识细节图。</p>
|
|
</div>
|
|
</div>
|
|
<h5 class="text-center" style="margin:30px 0px 15px 0px;">第三方评估(选填)</h5>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">评估机构</label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="capital_agency" value="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">评估价值</label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="capital_sprice" value="" placeholder="元">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">评估时间</label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="capital_date" value="" onClick="WdatePicker()" readonly >
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<input type="hidden" name="capitalid" id="capitalid">
|
|
<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);
|
|
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>';
|
|
|
|
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 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("&");
|
|
if(data.length){
|
|
for(var i=0;i<data.length;i++){
|
|
var row=data[i].split('=');
|
|
console.log("row",row);
|
|
if(row.length==2){
|
|
if(row[0]=='capital_files'){
|
|
var pics=decodeURIComponent(row[1]);
|
|
if(pics){
|
|
$("input[name='"+row[0]+"']").val(pics);
|
|
pics=pics.split(';');
|
|
console.log("pics",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").append(html);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
continue;
|
|
}
|
|
if(row[0]=='hoster_reason'){
|
|
$("input[name='hoster_reason']").each(function(index,item){
|
|
var val=$(this).val();
|
|
var reason=row[1];
|
|
if(reason){
|
|
reason=reason.split(',');
|
|
console.log("reason",reason,val);
|
|
if(reason.indexOf(val)!=-1){
|
|
$(this).prop("checked",true)
|
|
}
|
|
}
|
|
});
|
|
continue;
|
|
}
|
|
if(row[0]=='capital_desc'){
|
|
$("textarea[name='"+row[0]+"']").text(row[1]);
|
|
continue;
|
|
}
|
|
if(row[0]=='capital_type'){
|
|
$("#capital_type option").each(function(){
|
|
var val=$(this).val();
|
|
if(val==row[1]){
|
|
$(this).prop("selected",true)
|
|
}
|
|
});
|
|
continue;
|
|
}
|
|
var robj=$("input[name='"+row[0]+"']");
|
|
var rlen=robj.length;
|
|
if(rlen&&row[0]!='capitalid'){
|
|
robj.val(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","#capital_files",0,5);
|
|
//注意：parent 是 JS 自带的全局对象，可用于操作父页面
|
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
|
//关闭iframe
|
|
$('.closebtn').click(function(){
|
|
parent.layer.close(index);
|
|
});
|
|
$('.submitbtn').click(function(){
|
|
var capname = $('input[name="capital_name"]').val();
|
|
if(capname === ''){
|
|
parent.layer.msg('请填写资产名称');
|
|
return;
|
|
}
|
|
|
|
var val = $('input[name="capital_size"]').val();
|
|
if(val === ''){
|
|
parent.layer.msg('请填写资产尺寸');
|
|
return;
|
|
}
|
|
|
|
var capprice = $('input[name="capital_price"]').val();
|
|
if(capprice === ''){
|
|
parent.layer.msg('请填写自报价格');
|
|
return;
|
|
}
|
|
|
|
var val = $('textarea[name="capital_desc"]').val();
|
|
if(val === ''){
|
|
parent.layer.msg('请填写资产简介');
|
|
return;
|
|
}
|
|
var data=$("#pForm").serialize();
|
|
data=decodeURIComponent(data,true);
|
|
|
|
var len=parent.$('#prolist tbody tr').length+1;
|
|
var typeval=$('#capital_type option:selected').val();
|
|
var captype="古典艺术";
|
|
if(typeval==80)captype="近现代艺术";
|
|
if(typeval==90)captype="当代艺术";
|
|
if(typeval==99)captype="工艺美术";
|
|
if(typeval==100)captype="艺术品权益";
|
|
|
|
var html='<tr data-json="'+data+'">';
|
|
console.log("cindex",capindex,data);
|
|
if(capindex!==''){len=parseInt(capindex)+1}
|
|
|
|
var id="{$apply_id}";
|
|
html+='<td style="padding:4px 0px;">'+len+'</td><td>'+capname+'</td><td>'+captype+'</td><td>'+capprice+'</td>';
|
|
if(id){
|
|
html+='<td><span class="listedstatus">未审核</span></td>';
|
|
}
|
|
html+='<td style="padding:4px 0px;">';
|
|
html+='<div style="width:72px;display:inline-block;"><div class="modeub edtproduct"><div class="leftbutton2"></div><div class="box_flex_1 centerbutton2 list_flex flex_center">编辑</div><div class="rightbutton2"></div></div></div>';
|
|
html+='<div style="width:72px;display:inline-block;"><div class="modeub delproduct"><div class="leftbutton2"></div><div class="box_flex_1 centerbutton2 list_flex flex_center">删除</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>
|
|
|