<?xml version="1.0" encoding="UTF-8"?>

<!--
    $Author:Think
    $Revision: 1.0
    工作流
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application"
          xmlns:s="leaf.plugin.script" trace="true">
    <a:init-procedure>
    </a:init-procedure>
    <a:view template="default" package="leaf.ui.std">
        <!--<meta name="_csrf" content="${/session/@_csrf.token}"/>-->
        <!--<meta name="_csrf_header" content="X-CSRF-TOKEN" />-->
        <a:link id="widget_leaf_wfl_pageLink_node_approve_history"
                url="${/request/@context_path}/modules/zjwfl/ZJWFL3040/zj_wfl_my_approved_application_history.lview"/>
        <a:link id="main_link"
                url="${/request/@context_path}/modules/zjwfl/ZJWFL5110/zj_wfl_to_do_list.lview"/>
        <style>
            html, body {
            width: 1170px;
            height: 553px;
            background-color: #fff;
            margin: 0;
            padding: 0;
            }

            .widget_leaf_wfl_audit {
            box-sizing: border-box;
            width: 1185px;
            height: 553px;
            background-color: #fff;
            box-shadow: 0px 1px 4px 0px
            rgba(102, 51, 153, 0.15);
            border-radius: 4px;
            position: relative;
            }

            .widget_leaf_wfl_audit .wfl-title{
            padding-top:36px;
            width:100%;
            height:21px;
            }

            .widget_leaf_wfl_audit .wfl-title .wfl-title-img{
            float:left;
            margin-left:51px;
            width:20px;
            height:21px;
            }

            .widget_leaf_wfl_audit .wfl-title .wfl-title-img-content{
            width:20px;
            height:21px;
            }

            .widget_leaf_wfl_audit .wfl-title .wfl-title-content{
            float:left;
            margin-left:16px;
            width: 182px;
            height: 17px;
            font-family: NotoSansHans-Bold;
            font-size: 17px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 2px;
            color: #333333;
            }

            .widget_leaf_wfl_audit .search {
            height:25px;
            width:222px;
            float:right;
            margin-right:64px;
            }

            .widget_leaf_wfl_audit .search .search_content {
            width: 244px;
            height: 23px;
            border-radius: 5px;
            border: solid 1px #bfbfbf;

            }

            .widget_leaf_wfl_audit .search .search_content #widget_leaf_wfl_search_id {
            height: 17px;
            border: none;
            width: 85%;
            margin: 2px;
            }

            .widget_leaf_wfl_audit .search .search_content .search_img_wrapper{
            float: right;
            width: 22px;
            height: 23px;
            background-color: #434343;
            border-radius: 0px 5px 5px 0px;
            }
            .widget_leaf_wfl_audit .search .search_content .search_img {
            float: right;
            cursor: pointer;
            width: 22px;
            height: 23px;
            }

            ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            color:    #909;
            font-family: NotoSansHans-Light;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 2px;
            color: #999999;
            text-align:center;
            }
            :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color:    #909;
            font-family: NotoSansHans-Light;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 2px;
            color: #999999;
            text-align:center;
            }
            ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color:    #909;
            font-family: NotoSansHans-Light;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 2px;
            color: #999999;
            text-align:center;
            }
            :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color:    #909;
            font-family: NotoSansHans-Light;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 2px;
            color: #999999;
            text-align:center;
            }
            <!-- -->
            .widget_leaf_wfl_audit .wfl-navbar {
            height: 25px;
            width: 100%;
            margin-top:30px;
            }

            .widget_leaf_wfl_audit .wfl-navbar .switch {
            margin-top:2px;
            margin-left: 78px;
            width: 174px;
            float:left;
            height: 22px;
            cursor: pointer;
            }

            .widget_leaf_wfl_audit .wfl-navbar .switch .switch_approve {
            display: block;
            width: 87px;
            height:20px;
            float: left;
            text-align: center;
            //border: 1px solid rgba(75, 80, 90, 0.15);
            line-height: 13px;
            font-family: NotoSansHans-Bold;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            color: #cccccc;
            margin-top:1px;
            }

            .widget_leaf_wfl_audit .wfl-navbar .switch #widget_leaf_wfl_switch_unapprove_id {
            text-align:left;
            color: #333333;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            border-right: 1px solid rgba(75, 80, 90, 0.15);
            }

            .widget_leaf_wfl_audit .wfl-navbar .switch #widget_leaf_wfl_switch_approved_id {
            text-align:right;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            margin-left: -1px;
            }

            .widget_leaf_wfl_audit .wfl-navbar .switch-label {
            width:100%;
            height:4px;
            /*margin-top:4px;*/
            }

            .widget_leaf_wfl_audit .wfl-navbar .switch .widget_leaf_wfl_unapprove_label{
            width:29px;
            height:4px;
            background-color:#657efe;
            float:left;
            }
            .widget_leaf_wfl_audit .wfl-navbar .switch .approve_label{
            display:none;
            width:29px;
            height:4px;
            background-color:#657efe;
            float:left;
            margin-left:114px;
            }

            .widget_leaf_wfl_audit .widget_wfl_leaf_zjwfl_grid_head_unapprove{
            width: 972px;
            height: 43px;
            margin-left:76px;
            margin-top:15px;
            }
            .widget_leaf_wfl_audit .widget_wfl_leaf_zjwfl_grid_head_unapprove table{
            width: 972px;
            height: 43px;
            }
            .widget_leaf_wfl_audit .widget_wfl_leaf_zjwfl_grid_head_unapprove table td{
            font-family: NotoSansHans-Medium;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            color: #333333;
            }

            .widget_leaf_wfl_audit .widget_wfl_leaf_zjwfl_grid_head_approve{
            width: 972px;
            height: 43px;
            margin-left:20px;
            margin-top:15px;
            }
            .widget_leaf_wfl_audit .widget_wfl_leaf_zjwfl_grid_head_approve table{
            width: 972px;
            height: 43px;
            border-spacing:2px;
            }
            .widget_leaf_wfl_audit .widget_wfl_leaf_zjwfl_grid_head_approve table td{
            font-family: NotoSansHans-Medium;
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            color: #333333;
            border:0px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid {
            width: 978px;
            height: 375px;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin:0 0;
            margin-left:84px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .grid-title {
            display: none;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .grid-body {
            padding: 0;
            overflow: auto;
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table{
                width: 978px !important;
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table > tr:first-child {
            display: none;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tbody tr:first-child {
            height: 56px;
            / / border-top: 1 px solid #F0F0F3;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr:hover {
            background: rgba(90, 127, 255, 0.08);
                color: #333333 !important;
                font-family: NotoSansHans-Medium !important;
                font-size: 13px !important;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr img {
            height: 14px;
            }


            .widget_leaf_wfl_audit .hls-pagging-grid .grid-foot {
            height: 36px;
            margin-top: 0;
            line-height: 36px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr {
            height: 46px;
            border-bottom: 1px solid #F0F0F3;
                font-family: NotoSansHans-Light;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #666666;
                background: #fff;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td {
            height: 46px;
            width: 100%;
            padding: 0 0;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table .row_detail {
            width: 100%;
            height: 46px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table .row_detail span{
            height: 46px;
            line-height:46px;
            /*font-family: NotoSansHans-Light;*/
            /*font-size: 12px;*/
            /*font-weight: normal;*/
            /*font-stretch: normal;*/
            /*letter-spacing: 1px;*/
            /*color: #666666;*/
            overflow: hidden;
            float: left;
            line-height: 46px;
            white-space: nowrap;
            text-overflow: ellipsis;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .workflow_info {
            width: 219px;
            max-width: 219px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .submit_name {
            width: 113px;
            max-width: 113px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .document_info {
            width: 406px;
            max-width: 406px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .date {
            width: 178px;
            max-width: 178px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .goDetailWrapper {
            width: 40px;
            max-width: 40px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .goDetail2Wrapper {
            width: 41px;
            max-width: 41px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .workflowWrapper {
            width: 45px;
            max-width: 45px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .instance_id {
            width: 63px;
            max-width: 63px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .document_info_un {
            width: 342px;
            max-width: 342px;
            }


            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .user_name {
            width: 94px;
            max-width: 94px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .action_type_desc {
            margin-left:10px;
            width: 79px;
            max-width: 79px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .node_desc {
            width: 132px;
            max-width: 132px;
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .instance_status_desc {
            margin-left:10px;
            width: 110px;
            max-width: 110px;
            }


            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .goDetail {
            width: 11px;
            height:10px;
            max-width: 11px;
            margin-top:19px;
            margin-left:12px;
            cursor:pointer;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .goDetail2 {
            width: 11px;
            height:10px;
            margin-top:18px;
            margin-left:5px;
            cursor:pointer;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .action_type_desc_img{
            width: 14px;
            height:13px;
            margin-top:18px;
            margin-left:4px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .instance_status_desc_img{
            width: 14px;
            height:13px;
            margin-top:18px;
            margin-left:5px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .row_detail .workflowDetail{
            width: 13px;
            height:13px;
            margin-top:18px;
            margin-left:15px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table tr td .clearFloat {
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .grid-foot .page-message .page_message_num{
            margin-right: 2px;
            }

            .widget_leaf_wfl_audit .hls-pagging-grid .grid-foot .page-message {
            min-width: auto;
            }

            <!-- active样式 -->
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table-active {
            background-color: #eeeeee;
            font-weight:bold;
            }

            /*.widget_leaf_wfl_audit .hls-pagging-grid .hls-table-active .row_detail span{*/
            /*font-weight:bold;*/
            /*}*/
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table-active .row_detail .action_type_desc_img_wrapper .action_type_desc_img{
            width:14px;
            height:14px;
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table-active .row_detail .instance_status_desc_img_wrapper .instance_status_desc_img{
            width:14px;
            height:14px;
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table-active .row_detail .goDetail2Wrapper .goDetail2{
            width:13px;
            height:11px;
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table-active .row_detail .workflowWrapper .workflowDetail{
            width:13px;
            height:13px;
            }
            .widget_leaf_wfl_audit .hls-pagging-grid .hls-table-active .row_detail .goDetailWrapper .goDetail{
            width:13px;
            height:11px;
            }
        </style>
        <script><![CDATA[
        Leaf.onReady(function () {
            document.getElementById('widget_leaf_wfl_switch_unapprove_id').style.color = '#333333';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_unapproval-wraper').style.display = 'block';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_approved-wraper').style.display = 'none';
        })

        function clickUnapprove() {
            document.getElementById('widget_leaf_wfl_switch_approved_id').style.color = '#cccccc';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_approved-wraper').style.display = 'none';

            document.getElementById('widget_leaf_wfl_switch_unapprove_id').style.color = '#333333';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_unapproval-wraper').style.display = 'block';


            document.getElementById('approve_label').style.display = 'none';
            document.getElementById('widget_leaf_wfl_unapprove_label').style.display = 'inline';

            document.getElementById('widget_wfl_leaf_zjwfl_grid_head_approve').style.display = 'none';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_head_unapprove').style.display = 'block';
        }
        function clickApprove() {
            document.getElementById('widget_leaf_wfl_switch_unapprove_id').style.color = '#cccccc';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_unapproval-wraper').style.display = 'none';

            document.getElementById('widget_leaf_wfl_switch_approved_id').style.color = '#333333';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_approved-wraper').style.display = 'block';

            document.getElementById('approve_label').style.display = 'inline';
            document.getElementById('widget_leaf_wfl_unapprove_label').style.display = 'none';

            document.getElementById('widget_wfl_leaf_zjwfl_grid_head_unapprove').style.display = 'none';
            document.getElementById('widget_wfl_leaf_zjwfl_grid_head_approve').style.display = 'block';        }

        function wfl_grid_renderer(record, index) {
            var html = '';
            html += '<div class="row_detail">'
                + '<span class="workflow_info" title="' + record.data['workflow_info'] + '">' + record.data['workflow_info'] + '</span>'
                +'<span class="submit_name">' + record.data['submitted_by_name'] + '</span>'
                +'<span class="document_info">' + record.data['document_info'] + '</span>';
            html += '<span class="date">' + record.data['creation_date_format'] + '</span>'
                + '<span class="goDetailWrapper"><img class="goDetail" src="${/request/@context_path}/leafresource/images/widget/view-list.png" onclick="wfl_winOpen_zjwfl5110_wfl_approve(' + record.data.instance_id + ',' + record.data.node_id + ',' + record.data.record_id + ',' + record.data.workflow_id + ',\'' + record.data.record_type + '\')"/><span>'
                + '<span class="clearFloat"></span></div>';
            return html;
        }

        function wfl_approval_grid_renderer(record, index) {
            var html = '';
            html += '<div class="row_detail">'
                +'<span class="instance_id">' + record.data['instance_id'] + '</span>'
                + '<span class="document_info_un" title="' + record.data['document_info'] + '">' + record.data['document_info'] + '</span>'
                +'<span class="user_name">' + record.data['user_name']+ '</span>'
                + '<span class="action_type_desc_img_wrapper"><img class="action_type_desc_img" src="${/request/@context_path}/leafresource/images/widget/tick.png" /></span>'
                +'<span class="action_type_desc">' + record.data['action_type_desc']+ '</span>'
                +'<span class="node_desc">' + record.data['node_desc']+ '</span>'
                + '<span class="instance_status_desc_img_wrapper"><img class="instance_status_desc_img" src="${/request/@context_path}/leafresource/images/widget/tick.png" /></span>'
                +'<span class="instance_status_desc">' + record.data['instance_status_desc']+ '</span>'
                + '<span class="goDetail2Wrapper"><img class="goDetail2" src="${/request/@context_path}/leafresource/images/widget/view-list.png"  onclick="winOpen_approve_history(' + record.data.instance_id + ',' + record.data.rcpt_record_id + ',' + record.data.approve_record_id + ',\'' + record.data.rcpt_record_type + '\')"/></span>'
                + '</div>';
            return html;
        }
        function formatDate(time) {
            var time = new Date(time).format('yyyy-mm-dd')
            return time;
        }
        function wfl_winOpen_zjwfl5110_wfl_approve(instance_id, node_id, record_id, workflow_id, record_type) {

            var url_type;
            if (record_type == 'NOTICE') {
                url_type = 'NOTICE';
            } else {
                url_type = 'DISPLAY';
            }
            var win = new Leaf.Window({
                id: 'zj_wfl_approve_win',
                url: '${/request/@context_path}/modules/zjwfl/ZJWFL5110/zj_wfl_approve.lview',
                params: {
                    instance_id: instance_id,
                    node_id: node_id,
                    record_id: record_id,
                    workflow_id: workflow_id,
                    record_type: record_type,
                    url_type: url_type
                },
                title: '工作流审批',
                height: 500,
                width: 860,
                fullScreen: true
            });
            win.on('close', function () {
                //query_zjwfl5110_toDoDs();
               // location.reload();
               // location.replace();
                window.parent.location.reload();

            });
        }

        function winOpen_approve_history(instance_id, rcpt_record_id, approve_record_id, rcpt_record_type) {
            var url_type;
            if (rcpt_record_type == 'NOTICE') {
                url_type = 'NOTICE';
            } else {
                url_type = 'DISPLAY_MY_APPROVED';
            }
            var win = new Leaf.Window({
                id: 'node_approve_history_win',
                url: $('widget_leaf_wfl_pageLink_node_approve_history').getUrl(),
                params: {
                    instance_id: instance_id,
                    rcpt_record_id: rcpt_record_id,
                    approve_record_id: approve_record_id,
                    url_type: url_type
                },
                title: '单据明细',
                fullScreen: true
            });
            win.on('close', function () {
                //query_zjwfl5110_toDoDs();
                window.parent.location.reload();

            });

        }

        function searchWfl() {
            var documentInfo = document.getElementById('widget_leaf_wfl_search_id').value;
            //代办事项
            var params = {
                any_info: documentInfo,
                workflow_info: documentInfo,
                document_info: documentInfo
            }
            $('widget_leaf_zjwfl_zjwfl5110_ds').qpara = params;
            $('widget_leaf_zjwfl_zjwfl5110_ds').query();
            //已办事项
            var paramApproved = {
                node_desc: documentInfo,
                document_info: documentInfo
            }
            $('widget_leaf_wfl_zjwfl_ZJWFL3040_ds').qpara = params;
            $('widget_leaf_wfl_zjwfl_ZJWFL3040_ds').query();
        }


        ]]></script>
        <a:dataSets>
            <a:dataSet id="widget_leaf_zjwfl_zjwfl5110_ds" autoQuery="true" pageSize="7"
                       model="zjwfl.ZJWFL5110.sdic_wfl_instance_node_recipient1">
                <a:fields>
                    <a:field name="instance_id"/>
                    <a:field name="node_id"/>
                    <a:field name="record_id"/>
                    <a:field name="workflow_id"/>
                    <a:field name="record_type"/>
                    <a:field name="workflow_info"/>
                    <a:field name="submitted_by_name"/>
                    <a:field name="creation_date_format"/>
                </a:fields>
            </a:dataSet>
            <a:dataSet id="widget_leaf_wfl_zjwfl_ZJWFL3040_ds" autoQuery="true" pageSize="7"
                       model="zjwfl.ZJWFL3040.zj_wfl_my_approved_application">
                <a:fields>
                </a:fields>
            </a:dataSet>
        </a:dataSets>

        <div class="widget_leaf_wfl_audit">
            <div class="wfl-title">
                <div class="wfl-title-img">
                    <img class="wfl-title-img-content" src="${/request/@context_path}/leafresource/images/widget/task-list.png"/>
                </div>
                <div class="wfl-title-content">
                    我的审批事项
                </div>
            </div>

            <div class="wfl-navbar">
                <div class="switch">
                    <div class="switch_approve" id="widget_leaf_wfl_switch_unapprove_id" onclick="clickUnapprove()">待办事项</div>
                    <div class="switch_approve" id="widget_leaf_wfl_switch_approved_id" onclick="clickApprove()">已办事项</div>
                    <div style="clear:both"></div>
                    <div class="switch-label">
                        <div class="widget_leaf_wfl_unapprove_label" id="widget_leaf_wfl_unapprove_label"> </div>
                        <div class="approve_label" id="approve_label"> </div>
                    </div>
                </div>

                <div class="search">
                    <div class="search_content">
                        <input id="widget_leaf_wfl_search_id" class="search_input" placeholder="请输入工作流名称/提交人"/>
                        <div class="search_img_wrapper">
                            <img src="${/request/@context_path}/leafresource/images/widget/search-icon.png" class="search_img" onclick="searchWfl()"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="widget_wfl_leaf_zjwfl_grid_head_unapprove" id="widget_wfl_leaf_zjwfl_grid_head_unapprove">
                <table>
                    <th>
                        <td style="width:219px;">工作流名称</td>
                        <td style="width:110px;">提交人</td>
                        <td style="width:403px;">单据信息</td>
                        <td style="width:178px;">到达时间</td>
                        <td style="width:40px;">明细</td>
                    </th>
                </table>
            </div>
            <div class="widget_wfl_leaf_zjwfl_grid_head_approve" id="widget_wfl_leaf_zjwfl_grid_head_approve" style="display:none">
                <table>
                    <th>
                        <td style="width:60px;">实例ID</td>
                        <td style="width:340px;">单据信息</td>
                        <td style="width:92px;">提交人</td>
                        <td style="width:100px;">审批操作</td>
                        <td style="width:130px;">我参与节点</td>
                        <td style="width:130px;">工作流状态</td>
                        <td style="width:39px;">单据</td>
                        <!--<td style="width:43px"></td>-->
                    </th>
                </table>
            </div>
            <a:hapGrid id="widget_wfl_leaf_zjwfl_grid_unapproval" bindTarget="widget_leaf_zjwfl_zjwfl5110_ds"
                       canWheel="true">
                <a:columns>
                    <a:column template="wfl_grid_renderer"/>
                </a:columns>
            </a:hapGrid>

            <a:hapGrid id="widget_wfl_leaf_zjwfl_grid_approved" bindTarget="widget_leaf_wfl_zjwfl_ZJWFL3040_ds"
                       canWheel="true">
                <a:columns>
                    <a:column template="wfl_approval_grid_renderer"/>
                </a:columns>
            </a:hapGrid>
        </div>
        <a:screenBody style="display:none"></a:screenBody>
    </a:view>
</a:screen>