<?xml version="1.0" encoding="UTF-8"?>
<!--
$Author: huangtianyang
$Date: 2018/6/29 下午2:56
$Revision: 1.0
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
<a:init-procedure/>
<a:view template="default" package="leaf.ui.std">
<div></div>
<script src="${/request/@context_path}/javascripts/hlsDataSource.js" type="text/javascript"/>
<script src="${/request/@context_path}/javascripts/hapGrid.js" type="text/javascript"/>
<script src="${/request/@context_path}/javascripts/jquery.mloading.js" type="text/javascript"/>
<script src="${/request/@context_path}/javascripts/hls-component.js" type="text/javascript"/>
<script src="${/request/@context_path}/javascripts/hls-component-chart.js" type="text/javascript"/>
<script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/raphael-2.0.2.min.js"></script>
<script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/morris.js"></script>
<script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/morris-init.js"></script>
<link href="${/request/@context_path}/leafresource/hls/default/hls-all.css" rel="stylesheet" type="text/css"/>
<link href="${/request/@context_path}/css/hls-component.css" rel="stylesheet" type="text/css"/>
<link href="${/request/@context_path}/css/jquery.mloading.css" type="text/css"/>
<link href="${/request/@context_path}/css/jquery.mloading.css" type="text/css"/>
<link href="${/request/@context_path}/lib/kendoui/styles/kendo.bootstrap.min.css" rel="stylesheet"
type="text/css"/>
<a:link id="lon_chart_query" model="lon.lon100w.hls_bp_master_funds_new_add" modelaction="query"/>
<style>
html,body{
width: 870px;
height: 355px;
padding: 0;
}
#chartTitle {
width: 870px;
/*margin-top: 25px;*/
/*margin-left: 300px;*/
display: block;
height: 50px;
line-height: 50px;
background: rgb(231, 91, 141);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
</style>
<script type="text/javascript"><![CDATA[
function openNew() {
var param = {};
param['function_code'] = 'LON100E';
param['function_usage'] = 'CREATE';
param['url_title'] = '融资机构创建';
param['winid'] = 'lon100_bp_credit_create_winid';
hls_doc_get_layout_code('get_layout_code_link_id', param, 'hls_bp_master_link');
// $jq('#lon100_bp_credit_create_winid').css('z-index',145);
}
function comprehensiveQuery() {
var param = {};
param['function_code'] = 'LON100';
param['function_usage'] = 'MODIFY';
param['url_title'] = '融资机构查询';
param['winid'] = 'lon100_bp_credit_query_winid';
hls_doc_get_layout_code('get_layout_code_link_id', param, 'hls_bp_master_link');
}
]]></script>
<a:dataSets/>
<div id="chartTitle">
<div>
<img style="height:20px;width:20px;float: left;margin-top: 12px;margin-left: 20px" src="${/request/@context_path}/images/lon/line.png" alt="png"/>
</div>
<div style="float: left;margin-left: 12px; color:white;font-size: 14px;">
<span>授信机构统计</span>
</div>
<div style="float: right;">
<img id='detail' style="cursor:pointer;height: 25px;width: 25px;margin-right: 16px"
onclick="comprehensiveQuery()"
src="${/request/@context_path}/images/lon/whiteQuery.png" alt="png"/>
</div>
<div style="float: right;">
<img id='add' style="cursor:pointer;height: 25px;width: 25px;margin-right: 16px"
src="${/request/@context_path}/images/lon/homeAdd.png"
alt="png" onclick="openNew()"/>
</div>
</div>
<div id="hlsAnalyseCountChart_lonChart" class="hls-analyse-count-chart hls-block-x3 hls-block-y3" style="width: 870px;height: 305px;">
<div id="anylyse-count-top_lonChart">
<div class="hls-float-left hls-block-y1 " style="width:170px;text-align:center;">
<div id="con-contract-total-count_lonChart" style="margin-top:10px;"
class=" row-second-middle-top-left-number global-font-size22"></div>
<div class="row-second-middle-top-left-common row-second-middle-top-left-name global-font-size15">
授信机构总数
</div>
</div>
<div class="hls-float-left hls-block-y1" style="width:690px;">
<div class="row-second-middle-top-right-li row-second-middle-top-right-li2 global-font-size14"
style="width:inherit;float:left;margin-top:18px;"><i class="igreen" color="">●</i>
<span>本月新增授信机构</span>
</div>
<div id="con-percent-color-1_lonChart" style="display: inline"
class="row-second-middle-top-right-percent-common row-second-middle-top-right-percent1 new-blue-bgcolor">
<span style="float:right;color:#FFF;margin-right:6px;"></span>
</div>
<div id="con-percent-color-2_lonChart"
class="row-second-middle-top-right-percent-common row-second-middle-top-right-percent2 other-orange-bgcolor"></div>
</div>
</div>
<div class="row-second-middle-top-body-common row-second-middle-top-body-left">
<div id="row-second-middle-top-body-foot1_lonChart"
style="width:180px;height:180px; margin-left:100px; padding:0; float:left;">
</div>
<div class="hls-float-left hls-height-inherit row-second-middle-top-body-foot2" id="body2_lonChart"
style="margin-left:100px; color:#888;margin-top: 55px;">
<div class="row-second-middle-top-body-foot2-table" id="foot2_lonChart"></div>
</div>
</div>
</div>
<script type="text/javascript"><![CDATA[
var lon102w_statusInfo = [
{
statusValue: "银行",
status: "银行",
color:"#E75B8D",
valueParam:"credit_count",
newAddParam:"current_month_append"
},
{
statusValue: "金融机构",
status: "金融机构",
color:"#FFCD55",
valueParam:"credit_count",
newAddParam:"current_month_append"
}
];
var hlsAnalyseCountChartDataSource = new hlsDataSource();
// hlsAnalyseCountChartDataSource.requestEnd(test);
hlsAnalyseCountChartDataSource.setting({
"transport":{
"read":{
"contentType":"application/json; charset=utf-8",
"dataType":"json",
"type":"GET",
"url":$("lon_chart_query").getUrl()
}
}
});
hlsAnalyseCountChartDataSource.read();
function show(arg,arg1) {
var param = {};
for (var i=0;i<statusInfo.length;i++){
if(statusInfo[i].statusValue == arg1.label){
param.credit_cate = statusInfo[i].status;
}
}
rollTableDataSource.read(param);
lon103wSource.read(param);
}
hlsAnalyseCountChartDataSource.fetch(function(datas){
var configData={
"id":"lonChart",
"hlsDataSource":"hlsAnalyseCountChartDataSource",
"clickFunc":"show",
"items":[
{
"name":"status",
"map":"credit_cate",
"defaultMessage":"授信机构类型"
},
{
"name":"percentCount",
"map":"credit_per_cent",
"defaultMessage":"占比"
},
{
"name":"itemNum",
"map":"credit_count",
"defaultMessage":"数量"
}
],
"color":"colors",
"title":"授信机构总数",
"chartType":"ANALYSECOUNT"
};
configData.hlsDataSource=datas;
configData.statusInfo = lon102w_statusInfo;
configData.contextPath = "${/request/@context_path}";
lonChart = new HlsAnalyseCountChart();
$jq("#body2_lonChart").children().not("#foot2_lonChart").remove();
lonChart._init(configData);
});
]]></script>
<a:screenBody style="display:none">
</a:screenBody>
</a:view>
</a:screen>