LON102W.lview 9.31 KB
Newer Older
Spencer Chang's avatar
Spencer Chang committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208
<?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>