why.xingtongworld.com项目
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.
 
 
 
 
 

1342 lines
60 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" 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">
<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">
<select id="capital_parent" name="capital_parent" class="form-control">
<option value="1">单一资产类</option>
<option value="2">整体项目类</option>
</select>
</div>
</div>
<div class="form-group" style="display:none;">
<label class="col-xs-3 control-label">资产类别<i style="color:red">*</i></label>
<div class="col-xs-9">
<select id="capital_type" name="capital_type" class="form-control">
<option value="5">整体性古建构件</option>
<option value="15">现存古村、古镇、古街区古建</option>
<option value="35">散落古建构件</option>
<option value="45">已建和在建仿古文化园区和村镇</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">
<select id="capital_child" name="capital_child" class="form-control">
</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">
<div class="checkbox" style='margin-top:10px;display:inline-block;'>
<label>
<input type="checkbox" name="capital_elem[]" id="capital_elem1" value="1">资产所有权
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="checkbox" name="capital_elem[]" id="capital_elem2" value="2">资产使用权
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="checkbox" name="capital_elem[]" id="capital_elem3" value="3">资产收益权
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="checkbox" name="capital_elem[]" id="capital_elem4" 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">
<div class="checkbox" style='margin-top:10px;display:inline-block;padding-left:0px;'>
<label>
<input type="radio" name="capital_mortgage" id="capital_mortgage0" value="1">
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_mortgage" id="capital_mortgage1" checked value="0">
</label>
</div>
</div>
</div>
<div class="form-group mortgage" style="display:none;">
<label class="col-xs-3 control-label">抵押证明附件<i style="color:red">*</i></label>
<div class="col-xs-9">
<div id="posters" style="min-height:60px">
<div class="attachment-field">
<input type="file" name="mortgagebtn" id="mortgagebtn" class="jquery-file-upload-file-input" >
<input type="hidden" name="mortgage_img[]" id="mortgage_img" class="picfield mortgage_img">
<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(高)、图片大小不超过10M】,不能超过1张图片(单独提供)</div>
</div></label>
</div>
<div class="attachment-error-message"></div>
</div>
</div>
</div>
</div>
<div class="form-group level2 level5 level4">
<label class="col-xs-3 control-label">地理位置<i style="color:red">*</i></label>
<div class="col-xs-9">
<input type="text" class="form-control" id="capital_location" name="capital_location" value="">
</div>
</div>
<div class="form-group level2 level4 level3">
<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;padding-left:0px;'>
<label>
<input type="radio" name="capital_land" id="capital_land1" value="1" checked> 商业用地
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_land" id="capital_land2" value="2"> 综合用地
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_land" id="capital_land3" value="3"> 住宅用地
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_land" id="capital_land4" value="4" > 工业用地
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_land" id="capital_land5" value="5" > 其它
</label>
</div>
&nbsp;&nbsp;<input type="text" name="land_other" id="land_other" class="form-control" style="width:136px;display:inline-block;vertical-align:top;margin-top:2px;">
</div>
</div>
<div class="form-group level2 level4">
<label class="col-xs-3 control-label">古建占地面积(平方米)<i style="color:red">*</i></label>
<div class="col-xs-9">
<input type="text" class="form-control" id="capital_space" name="capital_space" value="" placeholder="平方米">
</div>
</div>
<div class="form-group level2 level1 level5 level4 level3">
<label class="col-xs-3 control-label">古建资产面积(平方米)<i style="color:red">*</i></label>
<div class="col-xs-9">
<input type="text" class="form-control" id="capital_area" name="capital_area" value="" placeholder="平方米">
</div>
</div>
<div class="form-group level2 level4">
<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="capital_info[]" id="capital_info1" value="1">有人居住
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="checkbox" name="capital_info[]" id="capital_info2" value="2">文旅开发
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="checkbox" name="capital_info[]" id="capital_info3" value="3">存在第三方机构
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="checkbox" name="capital_info[]" id="capital_info4" value="4" >其它
</label>
</div>
&nbsp;&nbsp;<input type="text" name="info_other" id="info_other" class="form-control" style="width:136px;display:inline-block;vertical-align:top;margin-top:2px;">
</div>
</div>
<div class="form-group level1 level3 level2 level4">
<label class="col-xs-3 control-label"><span class="level1 ">构件数量</span><span class="level2 level4">古建数量</span><span class="level3">房屋数量</span><i style="color:red">*</i></label>
<div class="col-xs-9">
<input type="number" class="form-control" id="capital_num" name="capital_num" value="">
</div>
</div>
<div class="form-group level2 level4">
<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;padding-left:0px;'>
<label>
<input type="radio" name="capital_rank" id="capital_rank1" value="1">国家级
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_rank" id="capital_rank2" value="2">省级
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_rank" id="capital_rank3" value="3">市级
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_rank" id="capital_rank4" value="4" >
</label>
</div>
</div>
</div>
<div class="form-group" style="display:none">
<label class="col-xs-3 control-label"><span class="level4">构件类型</span><i style="color:red">*</i></label>
<div class="col-xs-9">
<input type="text" class="form-control" id="capital_kind" name="capital_kind" value="">
</div>
</div>
<div class="form-group level2 level4 level1 level5">
<label class="col-xs-3 control-label"><span class="level2 level4">主建筑群建筑年代</span><span class=" level1 level5">古建资产年代</span><i style="color:red">*</i></label>
<div class="col-xs-9">
<div class="checkbox" style='margin-top:10px;display:inline-block;padding-left:0px;'>
<label>
<input type="radio" name="capital_year" id="capital_year1" value="1">明朝
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_year" id="capital_year2" value="2">清朝
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_year" id="capital_year3" value="3">民国
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_year" id="capital_year4" value="4" >其它
</label>
</div>
&nbsp;&nbsp;<input type="text" name="year_other" id="year_other" class="form-control" style="width:136px;display:inline-block;vertical-align:top;margin-top:4px;">
</div>
</div>
<div class="form-group level1 level5">
<label class="col-xs-3 control-label"><span class="level4">构件材质</span><span class="level1 level5">建筑材质</span><i style="color:red">*</i></label>
<div class="col-xs-9">
<input type="text" class="form-control" name="capital_material" id="capital_material" value="">
</div>
</div>
<div class="form-group level1 level5">
<label class="col-xs-3 control-label"><span class="level4">构件规格</span><span class="level1 level5">建筑规格</span><i style="color:red">*</i></label>
<div class="col-xs-9">
<input type="text" class="form-control" name="capital_size" id="capital_size" value="">
</div>
</div>
<div class="form-group level1 level2 level4 level5">
<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;padding-left:0px;'>
<label>
<input type="radio" name="capital_class" id="capital_class1" value="1">徽派
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_class2" value="2">晋派
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_class3" value="3">京派
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_class4" value="4" >苏派
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_class5" value="5"> 闽派
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_class6" value="6" > 川派
</label>
</div>
<div class="checkbox" style='margin-top:10px;margin-left:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_class7" value="7"> 岭南派
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_class8" value="8" > 赣派
</label>
</div>
<div class="checkbox" style='margin-left:10px;margin-top:10px;display:inline-block;'>
<label>
<input type="radio" name="capital_class" id="capital_year9" value="9" >其它
</label>
</div>
&nbsp;&nbsp;<input type="text" name="class_other" id="class_other" class="form-control" style="width:126px;display:inline-block;vertical-align:top;margin-top:4px;">
</div>
</div>
<div class="form-group level3">
<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_device" id="capital_device" value="">
</div>
</div>
<div class="form-group level3">
<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_major" id="capital_major" value="">
</div>
</div>
<div class="form-group level3">
<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_detail" id="capital_detail" 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="number" class="form-control" name="capital_price" id="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" id="capital_desc" placeholder="最多500字"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-3 control-label">资产图片(最多10张)<i style="color:red">*</i></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(高)、图片大小不超过10M】,一件作品不能超过10张图片(单独提供)</div>
</div></label>
</div>
<div class="attachment-error-message"></div>
</div>
</div>
</div>
</div>
<div id="ownerfile" class="form-group" style="display:none">
<label class="col-xs-3 control-label">权属文件<i style="color:red">*</i></label>
<div class="col-xs-9">
<div id="ownerbox" style="min-height:60px">
<div class="attachment-field">
<input type="file" name="ownerbtn" id="ownerbtn" class="jquery-file-upload-file-input" >
<input type="hidden" name="capital_owner" id="capital_owner" 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">提供rar/zip格式(支持100M以内的文件上传)</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="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,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']);
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(){
$(".level2,.level3,.level4,.level5").hide();
$(".level1").show();
var childs={:json_encode(config('building.childs'))};
$("#capital_child").html("<option value=''>请选择</option>");
$.each(childs, function (n, child) {
$.each(child, function (key, item) {
if(n==5){
$("#capital_child").append('<option value="'+key+'">'+item+'</option>');
}
});
});
$("#capital_parent").change(function(){
var val=$(this).val();
$("#capital_child").html("<option value=''>请选择</option>");
var cur=5;
$("#ownerfile").hide();
if(val==2){
cur='';
$("#ownerfile").show();
}
$.each(childs, function (n, child) {
$.each(child, function (key, item) {
if((cur&&n==5)||(cur==''&&n!=5)){
$("#capital_child").append('<option value="'+key+'">'+item+'</option>');
}
});
});
});
$(".mortgage").hide();
$("input[name='capital_mortgage']").change(function(){
var val=$(this).val();
if(val==1){
$(".mortgage").show();
}else{
$(".mortgage").hide();
}
});
$("#capital_child").change(function(){
var val=$("#capital_child option:selected").val();
console.log("capital_child",val);
var parent=$("#capital_parent").val();
var index=0;
var cur=0;
if(val.indexOf("A")==0)index=0;
if(val.indexOf("B")==0)index=1;
if(val.indexOf("C")==0)index=2;
if(val.indexOf("D")==0)index=3;
$("#capital_type option").prop('selected',false);
$("#capital_type option").eq(index).prop('selected',true);
$(".level1,.level2,.level3,.level4,.level5").hide();
$(".level"+(index+1)).show();
$("#capital_area,#capital_area,#capital_size,#capital_material,#capital_year,#capital_kind,#capital_detail,#capital_info,#info_other,#year_other,#mortgage_img").val("");
$("input[name='capital_elem[]']:checked").attr('checked',false);
$("#capital_kind").parents(".form-group").hide();
$("input[name='capital_area']").parents(".form-group").show();
if(val=='A12'){
$("#capital_kind").parents(".form-group").show();
$("#capital_kind,#capital_material,#capital_size").parents(".form-group").find(".level4").show();
$("#capital_size,#capital_material").parents(".form-group").find(".level5").hide();
$("input[name='capital_class'],input[name='capital_area']").parents(".form-group").hide();
}
$("#capital_num").val("");
if(val=='B2'){
$("#capital_num").val(1);
$("#capital_size,#capital_material").parents(".form-group").show();
$("input[name='capital_year']").parents(".form-group").find(".level3,.level2").hide();
$("input[name='capital_year'],#capital_size,#capital_material").parents(".form-group").find(".level5").show();
$("input[name='capital_land'],input[name='capital_rank'],input[name='capital_info[]'],#capital_space,#capital_num").parents(".form-group").hide();
}
if(val=='D31'||val=='D32'||val=='D33'){
$("input[name='capital_space'],input[name='capital_rank'],input[name='capital_land'],input[name='capital_info[]'],#capital_location").parents(".form-group").hide();
$("#capital_material,#capital_size").parents(".form-group").show();
$("#capital_material,#capital_size,input[name='capital_year'],#capital_num").parents(".form-group").find(".level4").hide();
$("#capital_material,#capital_size,input[name='capital_year'],#capital_num").parents(".form-group").find(".level1").show();
}
});
var capindex="<?php echo input('index','');?>";
if(capindex=='undefined'||capindex==''){
$("#capital_type option").attr('selected',false);
$("#capital_type option").eq(0).attr('selected',true);
}
if(capindex!='undefined'&&capindex!=''){
capindex=parseInt(capindex);
var data=parent.$('#prolist tbody tr').eq(capindex).attr('data-json');
if(data!='undefined'){
$("#capital_type option").attr('selected',false);
$("#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[0]=='capital_parent'){
var key=row[0];
$("#ownerfile").hide();
if(row[1]==2){
cur='';
$("#ownerfile").show();
}
$("#"+key+" option").each(function(){
var val=$(this).val();
if(val==row[1]){
$(this).prop("selected",true)
}
});
continue;
}
if(row[0]=='capital_type'){
var key=row[0];
capital_type=row[1];
$(".level1,.level2,.level3").hide();
if(capital_type==5){
$(".level1").show();
}
if(capital_type==15){
$(".level2").show();
}
if(capital_type==35){
$(".level3").show();
}
if(capital_type==45){
$(".level4").show();
}
if(capital_type==55){
$(".level5").show();
}
$("#capital_child").html("<option value=''>请选择</option>");
var cur=5;
if(capital_type!=5){
cur='';
}
console.log("cur",cur,capital_type);
$.each(childs, function (n, child) {
$.each(child, function (key, item) {
if((cur&&n==5)||(cur==''&&n!=5)){
$("#capital_child").append('<option value="'+key+'">'+item+'</option>');
}
});
});
$("#"+key+" option").each(function(){
var val=$(this).val();
if(val==row[1]){
$(this).prop("selected",true);
}
});
continue;
}
if(row[0]=='capital_child'){
capchild=row[1];
$("input[name='capital_area']").parents(".form-group").show();
if(capchild=='A12'){
$("#capital_kind").parents(".form-group").show();
$("#capital_kind,#capital_material,#capital_size").parents(".form-group").find(".level4").show();
$("#capital_size,#capital_material").parents(".form-group").find(".level5").hide();
$("input[name='capital_class'],input[name='capital_area']").parents(".form-group").hide();
}
if(capchild=='B2'){
$("#capital_size,#capital_material").parents(".form-group").show();
$("input[name='capital_year']").parents(".form-group").find(".level3,.level2").hide();
$("input[name='capital_year'],#capital_size,#capital_material").parents(".form-group").find(".level5").show();
$("input[name='capital_land'],input[name='capital_rank'],input[name='capital_info[]'],#capital_space,#capital_num").parents(".form-group").hide();
}
if(capchild=='D31'||capchild=='D32'||capchild=='D33'){
$("input[name='capital_space'],input[name='capital_rank'],input[name='capital_land'],input[name='capital_info[]'],#capital_location").parents(".form-group").hide();
$("#capital_material,#capital_size").parents(".form-group").show();
$("#capital_material,#capital_size,input[name='capital_year'],#capital_num").parents(".form-group").find(".level3").hide();
$("#capital_material,#capital_size,input[name='capital_year'],#capital_num").parents(".form-group").find(".level1").show();
}
}
if(row.length==2){
if(row[0]=='capital_mortgage'){
if(row[1]==1)$(".mortgage").show();
var key=row[0];
$("input[name='capital_mortgage']").each(function(){
var val=$(this).val();
if(val==row[1]){
$(this).prop("checked",true)
}
});
continue;
}
if(row[0]=='capital_elem[]'||row[0]=='capital_info[]'||row[0]=='capital_year[]'||row[0]=='capital_class[]'||
row[0]=='capital_elem'||row[0]=='capital_info'||row[0]=='capital_year'||row[0]=='capital_class'||row[0]=='capital_land'||row[0]=='capital_rank'){
var key=row[0];
var ret=row[1];
if(key=='capital_elem'||key=='capital_info'){
key+='[]';
ret=ret.split(',');
}
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]=='capital_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(1).append(html);
}
}
}
}
continue;
}
if(row[0]=='mortgage_img'){
var pics=decodeURIComponent(row[1]);
if(pics){
$("input[name='"+row[0]+"']").val(pics);
pics=pics.split(';');
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;
}
if(row[0]=='capital_desc'){
$("textarea[name='"+row[0]+"']").text(row[1]);
continue;
}
if(row[0]=='capital_type'||row[0]=='capital_child'){
var key=row[0];
$("#"+key+" option").each(function(){
var val=$(this).val();
if(val==row[1]){
$(this).prop("selected",true)
}
});
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","#capital_files",1,10);
var url="{:url('upload',['key'=>'mortgagebtn'])}";
uploadPic(url,"#mortgagebtn",".mortgage_img",0,1);
var url="{:url('upload',['key'=>'ownerbtn'])}";
uploadFile(url,"#ownerbtn","#capital_owner",0,1);
//注意: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();
var capital_type = $('#capital_type option:selected').val();
var capital_child = $('#capital_child option:selected').val();
var capital_parent = $('#capital_parent option:selected').val();
if(capname === ''){
parent.layer.msg('请填写资产名称');
return;
}
if(capital_type==5){
var capital_elem = $("input[name='capital_elem[]']:checked").val();
if(capital_elem == ''||typeof capital_elem == 'undefined'){
parent.layer.msg('请选择资产托管要素');
return;
}
var capital_mortgage =$("input[name='capital_mortgage']:checked").val();
var mortgage_img = $('#mortgage_img').val();
if(capital_mortgage==1&&mortgage_img === ''){
parent.layer.msg('请上传抵押证明附件');
return;
}
if(capital_child!='A12'){
var capital_area = $('#capital_area').val();
if(capital_area === ''){
parent.layer.msg('请填写古建资产面积');
return;
}
}
var capital_num = $('#capital_num').val();
if(capital_num === ''){
parent.layer.msg('请填写构件数量');
return;
}
if(capital_child=='A12'){
var capital_kind = $('#capital_kind').val();
if(capital_kind === ''){
parent.layer.msg('请填写构件类型');
return;
}
}
var capital_year = $("input[name='capital_year']:checked").val();
if(capital_year === ''||typeof capital_year == 'undefined'){
parent.layer.msg('请选择古建资产年代');
return;
}
if(capital_year==4){
var year_other = $("input[name='year_other']").val();
if(year_other==''){
parent.layer.msg('请填写建筑年代其它内容');
return;
}
}
var capital_material = $('#capital_material').val();
if(capital_material === ''){
parent.layer.msg('请填写建筑材质');
return;
}
var capital_size = $('#capital_size').val();
if(capital_size === ''){
parent.layer.msg('请填写建筑规格');
return;
}
if(capital_child!='A12'){
var capital_class = $("input[name='capital_class']:checked").val();
if(capital_class === ''||typeof capital_class == 'undefined'){
parent.layer.msg('请填写古建资产风格');
return;
}
if(capital_class==9){
var class_other = $("input[name='class_other']").val();
if(class_other==''){
parent.layer.msg('请填写古建资产风格其它内容');
return;
}
}
}
}
if(capital_type==15){
var capital_elem = $("input[name='capital_elem[]']:checked").val();
if(capital_elem == ''||typeof capital_elem == 'undefined'){
parent.layer.msg('请选择资产托管要素');
return;
}
var capital_mortgage =$("input[name='capital_mortgage']:checked").val();
var mortgage_img = $('#mortgage_img').val();
if(capital_mortgage==1&&mortgage_img === ''){
parent.layer.msg('请上传抵押证明附件');
return;
}
var capital_location = $('#capital_location').val();
if(capital_location === ''){
parent.layer.msg('请填写地理位置');
return;
}
if(capital_child!='B2'){
var capital_land = $("input[name='capital_land']:checked").val();
if(capital_land === ''){
parent.layer.msg('请填写土地性质');
return;
}
var land_other=$("#capital_land5").is(':checked');
if(land_other){
var land_other = $("input[name='land_other']").val();
if(land_other==''){
parent.layer.msg('请填写土地性质其它内容');
return;
}
}
var capital_space = $('#capital_space').val();
if(capital_space === ''){
parent.layer.msg('请填写古建占地面积');
return;
}
}
var capital_area = $('#capital_area').val();
if(capital_area === ''){
parent.layer.msg('请填写古建资产面积');
return;
}
if(capital_child!='B2'){
var capital_info = $("input[name='capital_info']:checked").val();
if(capital_info === ''){
parent.layer.msg('请选择现存古村、古镇、古街区现状');
return;
}
var info_other=$("#capital_info4").is(':checked');
if(info_other){
var info_other = $("input[name='info_other']").val();
if(info_other==''){
parent.layer.msg('请填写现存古村、古镇、古街区其它内容');
return;
}
}
var capital_num = $('#capital_num').val();
if(capital_num === ''){
parent.layer.msg('请填写古建数量');
return;
}
var capital_rank = $('#capital_rank').val();
if(capital_rank === ''){
parent.layer.msg('请填写古村级别');
return;
}
var capital_year = $("input[name='capital_year']:checked").val();
if(capital_year === ''||typeof capital_year == 'undefined'){
parent.layer.msg('请选择主建筑群建筑年代');
return;
}
if(capital_year==4){
var year_other = $("input[name='year_other']").val();
if(year_other==''){
parent.layer.msg('请填写主建筑群建筑年代其它内容');
return;
}
}
}else{
var capital_year = $("input[name='capital_year']:checked").val();
if(capital_year === ''||typeof capital_year == 'undefined'){
parent.layer.msg('请选择古建资产年代');
return;
}
if(capital_year==4){
var year_other = $("input[name='year_other']").val();
if(year_other==''){
parent.layer.msg('请填写古建资产年代其它内容');
return;
}
}
var capital_material = $('#capital_material').val();
if(capital_material === ''){
parent.layer.msg('请填写建筑材质');
return;
}
var capital_size = $('#capital_size').val();
if(capital_size === ''){
parent.layer.msg('请填写建筑规格');
return;
}
}
var capital_class = $("input[name='capital_class']:checked").val();
if(capital_class === ''||typeof capital_class == 'undefined'){
parent.layer.msg('请填写古建资产风格');
return;
}
if(capital_class==9){
var class_other = $("input[name='class_other']").val();
if(class_other==''){
parent.layer.msg('请填写古建资产风格其它内容');
return;
}
}
}
if(capital_type==45){
var capital_elem = $("input[name='capital_elem[]']:checked").val();
if(capital_elem == ''||typeof capital_elem == 'undefined'){
parent.layer.msg('请选择资产托管要素');
return;
}
var capital_mortgage =$("input[name='capital_mortgage']:checked").val();
var mortgage_img = $('#mortgage_img').val();
if(capital_mortgage==1&&mortgage_img === ''){
parent.layer.msg('请上传抵押证明附件');
return;
}
console.log("capital_child",capital_child);
if(capital_child=='D11'||capital_child=='D21'){
var capital_location = $('#capital_location').val();
if(capital_location === ''){
parent.layer.msg('请填写地理位置');
return;
}
var capital_land = $("input[name='capital_land']:checked").val();
if(capital_land === ''){
parent.layer.msg('请填写土地性质');
return;
}
var land_other=$("#capital_land5").is(':checked');
if(land_other){
var land_other = $("input[name='land_other']").val();
if(land_other==''){
parent.layer.msg('请填写土地性质其它内容');
return;
}
}
var capital_space = $('#capital_space').val();
if(capital_space === ''){
parent.layer.msg('请填写古建占地面积');
return;
}
var capital_area = $('#capital_area').val();
if(capital_area === ''){
parent.layer.msg('请填写古建资产面积');
return;
}
var capital_info = $("input[name='capital_info']:checked").val();
if(capital_info === ''){
parent.layer.msg('请选择现存古村、古镇、古街区现状');
return;
}
var info_other=$("#capital_info4").is(':checked');
if(info_other){
var info_other = $("input[name='info_other']").val();
if(info_other==''){
parent.layer.msg('请填写现存古村、古镇、古街区现状其它内容');
return;
}
}
var capital_num = $('#capital_num').val();
if(capital_num === ''){
parent.layer.msg('请填写古建数量');
return;
}
var capital_rank = $('#capital_rank').val();
if(capital_rank === ''){
parent.layer.msg('请填写古村级别');
return;
}
var capital_year = $("input[name='capital_year']:checked").val();
if(capital_year === ''||typeof capital_year == 'undefined'){
parent.layer.msg('请选择主建筑群建筑年代');
return;
}
if(capital_year==4){
var year_other = $("input[name='year_other']").val();
if(year_other==''){
parent.layer.msg('请填写主建筑群建筑年代其它内容');
return;
}
}
}else{
var capital_num = $('#capital_num').val();
if(capital_num === ''){
parent.layer.msg('请填写构件数量');
return;
}
var capital_year = $("input[name='capital_year']:checked").val();
if(capital_year === ''||typeof capital_year == 'undefined'){
parent.layer.msg('请选择古建资产年代');
return;
}
if(capital_year==4){
var year_other = $("input[name='year_other']").val();
if(year_other==''){
parent.layer.msg('请填写古建资产年代其它内容');
return;
}
}
var capital_material = $('#capital_material').val();
if(capital_material === ''){
parent.layer.msg('请填写建筑材质');
return;
}
var capital_size = $('#capital_size').val();
if(capital_size === ''){
parent.layer.msg('请填写建筑规格');
return;
}
}
var capital_class = $("input[name='capital_class']:checked").val();
if(capital_class === ''||typeof capital_class == 'undefined'){
parent.layer.msg('请填写古建资产风格');
return;
}
if(capital_class==9){
var class_other = $("input[name='class_other']").val();
if(class_other==''){
parent.layer.msg('请填写古建资产风格其它内容');
return;
}
}
}
if(capital_type==35){
var capital_mortgage =$("input[name='capital_mortgage']:checked").val();
var mortgage_img = $('#mortgage_img').val();
if(capital_mortgage==1&&mortgage_img === ''){
parent.layer.msg('请上传抵押证明附件');
return;
}
var capital_land = $("input[name='capital_land']:checked").val();
if(capital_land === ''){
parent.layer.msg('请填写土地性质');
return;
}
var land_other=$("#capital_land5").is(':checked');
if(land_other){
var land_other = $("input[name='land_other']").val();
if(land_other==''){
parent.layer.msg('请填写土地性质其它内容');
return;
}
}
var capital_area = $('#capital_area').val();
if(capital_area === ''){
parent.layer.msg('请填写古建资产面积');
return;
}
var capital_num = $('#capital_num').val();
if(capital_num === ''){
parent.layer.msg('请填写房屋数量');
return;
}
var capital_device = $('#capital_device').val();
if(capital_device === ''){
parent.layer.msg('请填写园区配套设施');
return;
}
var capital_major = $('#capital_major').val();
if(capital_major === ''){
parent.layer.msg('请填写园区业态分布');
return;
}
var capital_detail = $('#capital_detail').val();
if(capital_detail === ''){
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 val = $('input[name="capital_files"]').val();
if(val === ''){
parent.layer.msg('请上传资产图片');
return;
}
if(capital_parent==2){
var val = $('input[name="capital_owner"]').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_child option:selected').val();
var captype="";
var childs={:json_encode(config('building.childs'))};
$.each(childs, function (n, child) {
$.each(child, function (key, item) {
if(key==typeval){
captype=item;
return false;
}
});
});
var html='<tr data-json="'+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;margin-right:5px;"><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>