<?xml version="1.0" encoding="UTF-8"?>
<!--
    $Author: Calvin  
    $Date: 2018年03月21日18:34:55 
    $Revision: 1.0  
    $Purpose: 中诚信个人交易展示页面
-->
<a:screen xmlns:c="leaf.application.action" xmlns:s="leaf.plugin.script" xmlns:a="http://www.leaf-framework.org/application" xmlns:p="uncertain.proc">
    <a:init-procedure>
        <a:model-query defaultWhereClause="t1.bp_id=${/parameter/@bp_id}" fetchAll="true" model="basic.hls_bp_master_lv" rootPath="bp_info"/>
        <!-- 获取子表是否存在记录 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_getableinfo" rootPath="getable_info"/>
        <!-- 卡信息 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_cardinfo" rootPath="card_info"/>
        <!-- 核心消费指标 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_indexproperty" rootPath="prop_info"/>
        <!-- 每月消费报告 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_indexmonthconsumes" rootPath="monthc_info"/>
        <!-- 消费大类分布 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_indexconsumecategories" rootPath="cscg_info"/>
        <!-- 消费地点分布 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_indexconsumecities" rootPath="csct_info"/>
        <!-- 消费行为特征 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_indextransbehavior" rootPath="transbe_info"/>
        <!-- 特殊交易统计 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_indextranscredits" rootPath="transcr_info"/>
        <!-- 疑似套现行为甄别 -->
        <a:model-query defaultWhereClause="t1.chk_list_id=${/parameter/@chk_list_id}" fetchAll="true" model="interface.CCX_INTERFACE.ccx_cashout" rootPath="cash_info"/>
    </a:init-procedure>
    <a:view>
        <link href="${/request/@context_path}/css/colorbox.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/css/responsive.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/css/screen.css" rel="stylesheet" type="text/css"/>
        <script src="${/request/@context_path}/javascripts/echarts-all.js" type="text/javascript"/>
        <style><![CDATA[
             
			.container td{ 
			    color: #f5f2f2;
				background-color: #2f2f2f; 
			}			 

        ]]></style>
        <a:dataSets>
            <a:dataSet id="ccx_indexconsumecategories_query_ds">
                <a:fields>
                    <a:field name="chk_list_id" defaultValue="${/parameter/@chk_list_id}"/>
                </a:fields>
            </a:dataSet>
            <a:dataSet id="ccx_indexconsumecategories_ds" autoQuery="true" fetchAll="true" loadData="true" model="interface.CCX_INTERFACE.ccx_indexconsumecategories_report" queryDataSet="ccx_indexconsumecategories_query_ds"/>
            <a:dataSet id="ccx_indexconsumecities_ds" autoQuery="true" fetchAll="true" loadData="true" model="interface.CCX_INTERFACE.ccx_indexconsumecities_report" queryDataSet="ccx_indexconsumecategories_query_ds"/>
            <a:dataSet id="ccx_indexmonthconsumes_ds" autoQuery="true" fetchAll="true" loadData="true" model="interface.CCX_INTERFACE.ccx_indexmonthconsumes_report" queryDataSet="ccx_indexconsumecategories_query_ds"/>
        </a:dataSets>
        <a:screenBody>
            <div class="container">
                <h1 align="center"><![CDATA[个人交易报告]]></h1>
                <h2 align="center"><![CDATA[基本信息]]></h2>
                <table align="center" border="2" width="600">
                    <tr>
                        <td align="left"><![CDATA[姓名：]]></td>
                        <td align="right"><![CDATA[${/model/bp_info/record/@bp_name}]]></td>
                    </tr>
                    <tr>
                        <td align="left"><![CDATA[身份证号：]]></td>
                        <td align="right"><![CDATA[${/model/bp_info/record/@id_card_no}]]></td>
                    </tr>
                    <tr>
                        <td align="left"><![CDATA[电话：]]></td>
                        <td align="right"><![CDATA[${/model/bp_info/record/@phone}]]></td>
                    </tr>
                    <tr>
                        <td align="left"><![CDATA[居住住址：]]></td>
                        <td align="right"><![CDATA[${/model/bp_info/record/@address}]]></td>
                    </tr>
                </table>
                <h2 align="center"><![CDATA[个人交易信息]]></h2>
                <div id="timelineContainer" class="timelineContainer">
                    <div class="timelineToggle">
                        <p>
                            <a class="expandAll"><![CDATA[+ expand all]]></a>
                        </p>
                    </div>
                    <br class="clear">
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_cardinfo">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 卡信息 -->
                                        <span><![CDATA[卡信息]]></span>
                                    </h2>
                                </a:case>
                            </a:switch>
                            <a:placeHolder id="dynamic_Card_Record_id"/>
                        </div>
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_indexproperty">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 核心消费指标  -->
                                        <span><![CDATA[核心消费指标]]></span>
                                    </h2>
                                </a:case>
                            </a:switch>
                            <a:placeHolder id="dynamic_Prop_Record_id"/>
                        </div>
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_indexmonthconsumes">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 每月消费报告 -->
                                        <span><![CDATA[每月消费报告]]></span>
                                    </h2>
                                    <dl class="timelineMinor">
                                        <dt id="monthc_${@id}">
                                            <a><![CDATA[每月消费状况]]></a>
                                        </dt>
                                        <div id="monthc_${@id}EX" class="timelineEvent">
                                            <a:grid bindTarget="ccx_indexmonthconsumes_ds" height="330" prompt="每月消费报告" width="771">
                                                <a:columns>
                                                    <a:column name="month" align="center" prompt="消费时间" width="100"/>
                                                    <a:column name="transamt" align="right" prompt="消费金额" width="120"/>
                                                    <a:column name="amtrank" align="center" prompt="消费金额在本市的排名" width="150"/>
                                                    <a:column name="transcnt" align="center" prompt="消费笔数" width="80"/>
                                                    <a:column name="cntrank" align="center" prompt="消费笔数在本市的排名" width="150"/>
                                                    <a:column name="cashamt" align="center" prompt="取现金额" width="80"/>
                                                    <a:column name="cashcnt" align="center" prompt="取现笔数" width="90"/>
                                                </a:columns>
                                            </a:grid>
                                        </div>
                                    </dl>
                                </a:case>
                            </a:switch>
                            <!-- <a:placeHolder id="dynamic_Monthc_Record_id"/> -->
                        </div>
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_indexconsumecategories">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 消费大类分布 -->
                                        <span><![CDATA[消费大类分布]]></span>
                                    </h2>
                                    <dl class="timelineMinor">
                                        <dt id="cscg_transamtpre_${@id}">
                                            <a><![CDATA[消费金额按大类分布图]]></a>
                                        </dt>
                                        <div id="cscg_transamtpre_${@id}EX" class="timelineEvent" style="marginwidth: 90px;height:330px;"/>
                                    </dl>
                                    <dl class="timelineMinor">
                                        <dt id="cscg_transcntpre_${@id}">
                                            <a><![CDATA[消费笔数按大类分布图]]></a>
                                        </dt>
                                        <div id="cscg_transcntpre_${@id}EX" class="timelineEvent" style="marginwidth: 90px;height:330px;"/>
                                    </dl>
                                    <dl class="timelineMinor">
                                        <dt id="cscg_${@id}">
                                            <a><![CDATA[消费大类分布]]></a>
                                        </dt>
                                        <div id="cscg_${@id}EX" class="timelineEvent">
                                            <a:grid autoAdjust="true" bindTarget="ccx_indexconsumecategories_ds" height="260" prompt="消费大类分布" width="351">
                                                <a:columns>
                                                    <a:column name="insd_n" align="center" prompt="消费行业" width="150"/>
                                                    <a:column name="transamtpre" align="center" prompt="消费金额分布" width="100"/>
                                                    <a:column name="transcntpre" align="center" prompt="消费笔数分布" width="100"/>
                                                </a:columns>
                                            </a:grid>
                                        </div>
                                    </dl>
                                </a:case>
                            </a:switch>
                            <!-- <a:placeHolder id="dynamic_Cscg_Record_id"/> -->
                        </div>
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_indexconsumecities">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 消费地点分布 -->
                                        <span><![CDATA[消费地点分布]]></span>
                                    </h2>
                                    <dl class="timelineMinor">
                                        <dt id="csct_placestransamtpre_${@id}">
                                            <a><![CDATA[消费金额按地点分布图]]></a>
                                        </dt>
                                        <div id="csct_placestransamtpre_${@id}EX" class="timelineEvent" style="marginwidth: 90px;height:330px;"/>
                                    </dl>
                                    <dl class="timelineMinor">
                                        <dt id="csct_placestranscntpre_${@id}">
                                            <a><![CDATA[消费笔数按地点分布图]]></a>
                                        </dt>
                                        <div id="csct_placestranscntpre_${@id}EX" class="timelineEvent" style="marginwidth: 90px;height:330px;"/>
                                    </dl>
                                    <dl class="timelineMinor">
                                        <dt id="csct_${@id}">
                                            <a><![CDATA[消费地点分布]]></a>
                                        </dt>
                                        <div id="csct_${@id}EX" class="timelineEvent">
                                            <a:grid id="ccx_indexconsumecities_grid_id" autoAdjust="true" bindTarget="ccx_indexconsumecities_ds" height="260" prompt="消费地点分布" width="351">
                                                <a:columns>
                                                    <a:column name="area_n" align="center" prompt="消费城市" width="150"/>
                                                    <a:column name="placestransamtpre" align="center" prompt="消费金额分布" width="100"/>
                                                    <a:column name="placestranscntpre" align="center" prompt="消费笔数分布" width="100"/>
                                                </a:columns>
                                            </a:grid>
                                        </div>
                                        <!-- <br class="clear"/> -->
                                    </dl>
                                </a:case>
                            </a:switch>
                            <!-- <a:placeHolder id="dynamic_Csct_Record_id"/> -->
                        </div>
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_indextransbehavior">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 消费行为特征 -->
                                        <span><![CDATA[消费行为特征]]></span>
                                    </h2>
                                </a:case>
                            </a:switch>
                            <a:placeHolder id="dynamic_Transbe_Record_id"/>
                        </div>
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_indextranscredits">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 特殊交易统计 -->
                                        <span><![CDATA[特殊交易统计]]></span>
                                    </h2>
                                </a:case>
                            </a:switch>
                            <a:placeHolder id="dynamic_Transcr_Record_id"/>
                        </div>
                        <div class="timelineMajor">
                            <a:switch test="/model/getable_info/record/@ccx_cashout">
                                <a:case value="Y">
                                    <h2 class="timelineMajorMarker">
                                        <!-- 疑似套现行为甄别 -->
                                        <span><![CDATA[疑似套现行为甄别]]></span>
                                    </h2>
                                </a:case>
                            </a:switch>
                            <a:placeHolder id="dynamic_Cash_Record_id"/>
                        </div>
                        <br class="clear"/>
                    </br>
                </div>
                <br/>
                <br/>
            </div>
            <!-- /.container -->
        </a:screenBody>
        <script src="${/request/@context_path}/javascripts/jquery-1.9.1.min.js" type="text/javascript"/>
        <script src="${/request/@context_path}/javascripts/timeliner.js" type="text/javascript"/>
        <script src="${/request/@context_path}/javascripts/timeliner.min.js" type="text/javascript"/>
        <script src="${/request/@context_path}/javascripts/colorbox.js" type="text/javascript"/>
        <script type="text/javascript"><![CDATA[
            var isLoaded = 'N';
            jQuery.noConflict();
            jQuery(document).ready(function() {
                jQuery.timeliner({
                    // startOpen: ['#cscg_transamtpre_${@id}']
                });
                // // Colorbox Modal
                jQuery(".CBmodal").colorbox({
                    inline: true,
                    initialWidth: 100,
                    maxWidth: 682,
                    initialHeight: 100,
                    transition: "elastic",
                    speed: 750
                });
            
                // open_echarts();
                //	图形化报表展示
                // var check_isload = setInterval(function() {
                // //
                // if (isLoaded == 'N') {
                // var records = $('ccx_indexconsumecategories_ds').getAll();
                // if (records.length > 0) {
                // isLoaded = 'Y';
                open_echarts();
                // }
                // } else {
                // clearInterval(check_isload);
                // }
                // }, 1000);
            });
            
            //echarts展示
            
            function open_echarts() {
                //消费大类分布
                var ccx_indexconsumecategories_data = [];
                var ccx_indexconsumecategories_transcntpre_data = [];
                var ccx_indexconsumecategories_name_data = [];
                var ccx_indexconsumecategories_param = {};
                var ccx_indexconsumecategories_transcntpre_param = {};
                var ccx_indexconsumecategories_param_name = {};
                var records = $('ccx_indexconsumecategories_ds').getAll();
            
                // alert(records.length);
                if (records.length > 0 && '${/model/getable_info/record/@ccx_indexconsumecategories}' == 'Y') {
                    for (var i = 0;i < records.length;i++) {
                        //按金额
                        ccx_indexconsumecategories_param = {
                            'value': records[i].get('transamtpre_n'),
                            'name': records[i].get('insd_n')
                        };
                        //按笔数
                        ccx_indexconsumecategories_transcntpre_param = {
                            'value': records[i].get('transcntpre_n'),
                            'name': records[i].get('insd_n')
                        };
                        //大类
                        ccx_indexconsumecategories_param_name = {
                            'name': records[i].get('insd_n')
                        };
                        ccx_indexconsumecategories_data.push(ccx_indexconsumecategories_param);
                        ccx_indexconsumecategories_transcntpre_data.push(ccx_indexconsumecategories_transcntpre_param);
                        ccx_indexconsumecategories_name_data.push(ccx_indexconsumecategories_param_name);
                    }
                }
            
                //消费地点分布
                var ccx_indexconsumecities_data = [];
                var ccx_indexconsumecities_placestranscntpre_data = [];
                var ccx_indexconsumecities_name_data = [];
                var ccx_indexconsumecities_param = {};
                var ccx_indexconsumecities_placestranscntpre_param = {};
                var ccx_indexconsumecities_param_name = {};
                var ccx_indexconsumecities_records = $('ccx_indexconsumecities_ds').getAll();
            
                if (ccx_indexconsumecities_records.length > 0 && '${/model/getable_info/record/@ccx_indexconsumecities}' == 'Y') {
                    for (var j = 0;j < ccx_indexconsumecities_records.length;j++) {
                        // alert(ccx_indexconsumecities_records[j].get('placestransamtpre_n'));
                        //按金额
                        ccx_indexconsumecities_param = {
                            'value': ccx_indexconsumecities_records[j].get('placestransamtpre_n'),
                            'name': ccx_indexconsumecities_records[j].get('area_n')
                        };
                        //按笔数
                        ccx_indexconsumecities_placestranscntpre_param = {
                            'value': ccx_indexconsumecities_records[j].get('placestranscntpre_n'),
                            'name': ccx_indexconsumecities_records[j].get('area_n')
                        };
                        //地点
                        ccx_indexconsumecities_param_name = {
                            'name': ccx_indexconsumecities_records[j].get('area_n')
                        };
                        ccx_indexconsumecities_data.push(ccx_indexconsumecities_param);
                        ccx_indexconsumecities_placestranscntpre_data.push(ccx_indexconsumecities_placestranscntpre_param);
                        ccx_indexconsumecities_name_data.push(ccx_indexconsumecities_param_name);
                    }
                }
            
                // 基于准备好的dom，初始化echarts实例
                if (records.length > 0 && '${/model/getable_info/record/@ccx_indexconsumecategories}' == 'Y') {
                    //行业--金额
                    var myChart_insd_transamtpre = echarts.init(document.getElementById('cscg_transamtpre_${@id}EX'), 'dark');
                    //行业--笔数
                    var myChart_insd_transcntpre = echarts.init(document.getElementById('cscg_transcntpre_${@id}EX'), 'dark');
                }
            
                if (ccx_indexconsumecities_records.length > 0 && '${/model/getable_info/record/@ccx_indexconsumecities}' == 'Y') {
                    //地点--金额
                    var myChart_area_placestransamtpre = echarts.init(document.getElementById('csct_placestransamtpre_${@id}EX'), 'dark');
                    //地点--笔数
                    var myChart_area_placestranscntpre = echarts.init(document.getElementById('csct_placestranscntpre_${@id}EX'), 'dark');
                }
            
                ccx_indexconsumecategories_option = {
                    title: {
                        text: '消费金额按大类分布',
                        subtext: '数据来自中诚信',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'left',
                        data: ccx_indexconsumecategories_name_data
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            mark: {
                                show: true
                            },
                            dataView: {
                                show: true,
                                readOnly: false
                            },
                            magicType: {
                                show: true,
                                type: ['pie', 'funnel'],
                                option: {
                                    funnel: {
                                        x: '25%',
                                        width: '50%',
                                        funnelAlign: 'left',
                                        max: 1548
                                    }
                                }
                            },
                            restore: {
                                show: true
                            },
                            saveAsImage: {
                                show: true
                            }
                        }
                    },
                    calculable: true,
                    series: [{
                        name: '消费金额分布',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: ccx_indexconsumecategories_data
                    }]
                };
            
                ccx_transcntpre_option = {
                    title: {
                        text: '消费笔数按大类分布',
                        subtext: '数据来自中诚信',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'left',
                        data: ccx_indexconsumecategories_name_data
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            mark: {
                                show: true
                            },
                            dataView: {
                                show: true,
                                readOnly: false
                            },
                            magicType: {
                                show: true,
                                type: ['pie', 'funnel'],
                                option: {
                                    funnel: {
                                        x: '25%',
                                        width: '50%',
                                        funnelAlign: 'left',
                                        max: 1548
                                    }
                                }
                            },
                            restore: {
                                show: true
                            },
                            saveAsImage: {
                                show: true
                            }
                        }
                    },
                    calculable: true,
                    series: [{
                        name: '消费笔数分布',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: ccx_indexconsumecategories_transcntpre_data
                    }]
                };
            
                ccx_placestransamtpre_option = {
                    title: {
                        text: '消费金额按地点分布',
                        subtext: '数据来自中诚信',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'left',
                        data: ccx_indexconsumecities_name_data
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            mark: {
                                show: true
                            },
                            dataView: {
                                show: true,
                                readOnly: false
                            },
                            magicType: {
                                show: true,
                                type: ['pie', 'funnel'],
                                option: {
                                    funnel: {
                                        x: '25%',
                                        width: '50%',
                                        funnelAlign: 'left',
                                        max: 1548
                                    }
                                }
                            },
                            restore: {
                                show: true
                            },
                            saveAsImage: {
                                show: true
                            }
                        }
                    },
                    calculable: true,
                    series: [{
                        name: '消费金额分布',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: ccx_indexconsumecities_data
                    }]
                };
            
                ccx_placestranscntpre_option = {
                    title: {
                        text: '消费笔数按地点分布',
                        subtext: '数据来自中诚信',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'left',
                        data: ccx_indexconsumecities_name_data
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            mark: {
                                show: true
                            },
                            dataView: {
                                show: true,
                                readOnly: false
                            },
                            magicType: {
                                show: true,
                                type: ['pie', 'funnel'],
                                option: {
                                    funnel: {
                                        x: '25%',
                                        width: '50%',
                                        funnelAlign: 'left',
                                        max: 1548
                                    }
                                }
                            },
                            restore: {
                                show: true
                            },
                            saveAsImage: {
                                show: true
                            }
                        }
                    },
                    calculable: true,
                    series: [{
                        name: '消费笔数分布',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: ccx_indexconsumecities_placestranscntpre_data
                    }]
                };
            
                // 使用刚指定的配置项和数据显示图表。
                if (records.length > 0 && '${/model/getable_info/record/@ccx_indexconsumecategories}' == 'Y') {
                    //行业--金额
                    myChart_insd_transamtpre.setOption(ccx_indexconsumecategories_option);
                    //行业--笔数
                    myChart_insd_transcntpre.setOption(ccx_transcntpre_option);
                }
            
                if (ccx_indexconsumecities_records.length > 0 && '${/model/getable_info/record/@ccx_indexconsumecities}' == 'Y') {
                    //地点--金额
                    myChart_area_placestransamtpre.setOption(ccx_placestransamtpre_option);
                    //地点--笔数
                    myChart_area_placestranscntpre.setOption(ccx_placestranscntpre_option);
                }
            }
        ]]></script>
    </a:view>
    <a:view-config>
        <c:create-config targetId="dynamic_Card_Record_id">
            <!-- 卡信息 -->
            <p:loop source="/model/card_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="card_${@id}">
                            <a><![CDATA[卡信息]]></a>
                        </dt>
                        <dd id="card_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[卡号：${@card}]]></p>
                            <p><![CDATA[发卡行所在地：${@banklocation}]]></p>
                            <p><![CDATA[卡产品：${@cardprod}]]></p>
                            <p><![CDATA[卡等级：${@cardlevel}]]></p>
                            <p><![CDATA[卡性质：${@cardattr}]]></p>
                            <p><![CDATA[卡品牌：${@cardbrand}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
        <c:create-config targetId="dynamic_Prop_Record_id">
            <!-- 核心消费指标 -->
            <p:loop source="/model/prop_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="prop_${@id}">
                            <a><![CDATA[核心消费指标]]></a>
                        </dt>
                        <dd id="prop_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[首次交易日期：${@firsttransdate}]]></p>
                            <p><![CDATA[消费总金额：${@transtotalamt}]]></p>
                            <p><![CDATA[消费总笔数：${@transtotalcnt}]]></p>
                            <p><![CDATA[取现总金额：${@cashtotalamt}]]></p>
                            <p><![CDATA[取现总笔数：${@cashtotalcnt}]]></p>
                            <p><![CDATA[还款总金额：${@refundtotalamt}]]></p>
                            <p><![CDATA[还款总笔数：${@refundtotalcnt}]]></p>
                            <p><![CDATA[刚需类消费占比：${@rigidtransamtpre}]]></p>
                            <p><![CDATA[常住城市：${@fromcity}]]></p>
                            <p><![CDATA[近12月没有发生交易的周数占比：${@notransweekpre}]]></p>
                            <p><![CDATA[最大单月消费金额：${@monthcardlargeamt}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
        <c:create-config targetId="dynamic_Monthc_Record_id">
            <!-- 每月消费报告 -->
            <p:loop source="/model/monthc_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="monthc_${@id}">
                            <a><![CDATA[每月消费状况]]></a>
                        </dt>
                        <dd id="monthc_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[消费金额：${@transamt}]]></p>
                            <p><![CDATA[消费金额在本市的排名：${@amtrank}]]></p>
                            <p><![CDATA[消费笔数：${@transcnt}]]></p>
                            <p><![CDATA[消费笔数在本市的排名：${@cntrank}]]></p>
                            <p><![CDATA[取现金额：${@cashamt}]]></p>
                            <p><![CDATA[取现笔数：${@cashcnt}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
        <c:create-config targetId="dynamic_Cscg_Record_id">
            <!-- 消费大类分布 -->
            <p:loop source="/model/cscg_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="cscg_${@id}">
                            <a><![CDATA[消费大类分布]]></a>
                        </dt>
                        <dd id="cscg_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[消费金额分布：${@transamtpre}]]></p>
                            <p><![CDATA[消费笔数分布：${@transcntpre}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
        <c:create-config targetId="dynamic_Csct_Record_id">
            <!-- 消费地点分布 -->
            <p:loop source="/model/csct_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="csct_${@id}">
                            <a><![CDATA[消费地点分布]]></a>
                        </dt>
                        <dd id="csct_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[消费金额分布：${@placestransamtpre}]]></p>
                            <p><![CDATA[消费笔数分布：${@placestranscntpre}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
        <c:create-config targetId="dynamic_Transbe_Record_id">
            <!-- 消费行为特征 -->
            <p:loop source="/model/transbe_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="transbe_${@id}">
                            <a><![CDATA[消费行为特征]]></a>
                        </dt>
                        <dd id="transbe_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[有无出差：${@ifhasbusinesstrip}]]></p>
                            <p><![CDATA[有无婚庆消费：${@ifhasweddingtrans}]]></p>
                            <p><![CDATA[有无家庭特征：${@ifhasfamily}]]></p>
                            <p><![CDATA[有无境外消费：${@ifhasoverseastrans}]]></p>
                            <p><![CDATA[有无夜消费：${@ifhasnighttrans}]]></p>
                            <p><![CDATA[有无博彩业消费：${@ifhaslotterytrans}]]></p>
                            <p><![CDATA[有无无业特征：${@ifhasunemployed}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
        <c:create-config targetId="dynamic_Transcr_Record_id">
            <!--  特殊交易统计 -->
            <p:loop source="/model/transcr_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="transcr_${@id}">
                            <a><![CDATA[特殊交易统计]]></a>
                        </dt>
                        <dd id="transcr_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[公共事业缴费金额：${@publicpayamt}]]></p>
                            <p><![CDATA[公共事业缴费笔数：${@publicpaycnt}]]></p>
                            <p><![CDATA[纳税金额：${@taxamt}]]></p>
                            <p><![CDATA[纳税笔数：${@taxcnt}]]></p>
                            <p><![CDATA[夜消费金额：${@nighttransamt}]]></p>
                            <p><![CDATA[夜消费笔数：${@nighttranscnt}]]></p>
                            <p><![CDATA[博彩业消费金额：${@lotterytransamt}]]></p>
                            <p><![CDATA[博彩业消费笔数：${@lotterytranscnt}]]></p>
                            <p><![CDATA[网上消费金额：${@onlinetransamt}]]></p>
                            <p><![CDATA[网上消费笔数：${@onlinetranscnt}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
        <c:create-config targetId="dynamic_Cash_Record_id">
            <!-- 疑似套现行为甄别 -->
            <p:loop source="/model/cash_info">
                <c:process-config>
                    <dl class="timelineMinor">
                        <dt id="cash_${@id}">
                            <a><![CDATA[疑似套现行为甄别]]></a>
                        </dt>
                        <dd id="cash_${@id}EX" class="timelineEvent" style="display:none;">
                            <p><![CDATA[近一年疑似套现金额：${@yearmiscreditcardcashamt}]]></p>
                            <p><![CDATA[近一年疑似套现笔数：${@yearmiscreditcardcashcnt}]]></p>
                            <p><![CDATA[近一年套现高危行业交易：${@yearmishighriskcashamtpre}]]></p>
                            <p><![CDATA[近一年套现高危行业交易笔数占比：${@yearmishighriskcashcntpre}]]></p>
                            <br class="clear"/>
                        </dd>
                    </dl>
                </c:process-config>
            </p:loop>
        </c:create-config>
    </a:view-config>
</a:screen>
