<?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>