<?xml version="1.0" encoding="UTF-8"?>
<!--
$Author: zsy
$Date: 2018/11/12
$Revision: 1.0
我的审批事项
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
<a:init-procedure/>
<a:view template="default" package="leaf.ui.std">
<a:link id="pageLink_node_approve_history" url="${/request/@context_path}/modules/zjwfl/ZJWFL3040/zj_wfl_my_approved_application_history.lview"/>
<a:link id="pageLink_zjwfl5110_wfl_approve" url="${/request/@context_path}/modules/zjwfl/ZJWFL5110/zj_wfl_approve.lview"/>
<style>
html,body{
width:904px;
height:424px;
margin: 0;
padding: 0;
color:#000;
}
.widget_wfl_approve{
box-sizing:border-box;
width:904px;
height:424px;
padding:0 20px 0 16px;
background-color:#fff;
position:relative;
border:1px solid #F0F0F3;
cursor:default;
}
.widget_wfl_approve .widget_label{
position:absolute;
width:40px;
height:4px;
top:0;
left:16px;
background-color:#5A7FFF;
}
.widget_wfl_approve .widget_title{
position:relative;
height:20px;
line-height:20px;
margin-top:16px;
font-family: PingFangSC-Medium;
font-size: 14px;
color: rgba(75,80,90,0.85);
letter-spacing: 0;
}
.widget_wfl_approve .widget_tab_btn{
display:inline-block;
position:relative;
height:26px;
margin:10px 0 0 0;
border-bottom:1px solid #F0F0F3;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #5A7FFF;
letter-spacing: 0;
user-select:none;
}
.widget_wfl_approve .widget_tab_btn span{
display:inline-block;
width:64px;
height:24px;
line-height:24px;
font-family: PingFangSC-Regular;
font-size: 12px;
letter-spacing: 0;
text-align: center;
cursor:pointer;
}
.widget_wfl_approve .widget_tab_btn input{
display:none;
}
.widget_wfl_approve .widget_tab_btn span[class*="tab_left_btn"]{
border-radius: 4px 0 0 4px;
border: 1px solid #5A7FFF;
color: #5A7FFF;
}
.widget_wfl_approve .widget_tab_btn span[class*="tab_right_btn"]{
border-radius:0 4px 4px 0;
position:relative;
left:-1px;
border: 1px solid rgba(75,80,90,0.15);
color: rgba(0,0,0,0.65);
}
.widget_wfl_approve .widget_tab_btn input:checked~span[class*="tab_left_btn"]{
border-color:rgba(75,80,90,0.15);
color: rgba(0,0,0,0.65);
}
.widget_wfl_approve .widget_tab_btn input:checked~span[class*="tab_right_btn"]{
border: 1px solid #5A7FFF;
color: #5A7FFF;
}
.widget_wfl_approve .search_box{
width:100%;
height:35px;
text-align: right;
}
.widget_wfl_approve .search_content{
display: inline-block;
width: 200px;
height: 20px;
border: 1px solid #DADADA;
border-radius: 4px;
position: relative;
right: 40px;
}
.widget_wfl_approve .search_box input{
width:180px;
border: none;
height: 20px;
box-sizing: border-box;
padding-left:0.7em;
vertical-align: bottom;
font-family: PingFangSC-Regular;
font-size: 12px;
color: rgba(0,0,0,0.65);
line-height: 16px;
}
.widget_wfl_approve .search_box img{
width:20px;
height:20px;
cursor:pointer;
}
.widget_wfl_approve .hls-pagging-grid{
width:100%;
height:292px;
-webkit-box-shadow:none;
box-shadow:none;
}
.widget_wfl_approve .hls-pagging-grid .grid-title{
display:none;
}
.widget_wfl_approve .hls-pagging-grid .grid-body{
padding:0;
}
.widget_wfl_approve .hls-pagging-grid .grid-foot{
height: 31px;
margin-top:0;
line-height:31px;
}
.widget_wfl_approve .hls-pagging-grid .hls-table-active{
background: rgba(90,127,255,0.08);
}
.widget_wfl_approve .hls-pagging-grid .hls-table tr td{
text-align: center;
}
.widget_wfl_approve .hls-pagging-grid .hls-table tr td:nth-child(1){
text-align: left;
}
.widget_wfl_approve .hls-pagging-grid .hls-table tr td:nth-child(2){
text-align: left;
}
.widget_wfl_approve .hls-pagging-grid .hls-table tr td:nth-child(3){
text-align: left;
}
.widget_wfl_approve .hls-pagging-grid .hls-table tr td:nth-child(4){
text-align: right;
}
.widget_wfl_approve .hls-pagging-grid .hls-table tr td:nth-child(5){
text-align: center;
}
.widget_wfl_approve .hls-pagging-grid .hls-table>tr{
height:30px;
border-bottom:1px solid #F0F0F3;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #4B505A;
}/*表头行*/
.widget_wfl_approve .hls-pagging-grid .hls-table tbody tr{
height:46px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: rgba(0,0,0,0.65);
letter-spacing: 0;
border-bottom:1px solid #F0F0F3;
}/*表格行*/
.widget_wfl_approve .hls-pagging-grid .hls-table tbody tr:hover{
background: rgba(90,127,255,0.08);
}
.widget_wfl_approve .hls-pagging-grid .hls-table .workflow_info_box{
min-width:200px;
display: inline-block;
max-width:16em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .workflow_desc_box{
min-width:150px;
display: inline-block;
max-width:16em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .name_box{
min-width:100px;
display: inline-block;
max-width:15em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
color: rgba(0,0,0,0.50);
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .short_name_box{
min-width:50px;
display: inline-block;
max-width:8em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
color: rgba(0,0,0,0.50);
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .document_info_box{
min-width:300px;
display: inline-block;
max-width:25em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
color: rgba(0,0,0,0.50);
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .short_document_info_box{
display: inline-block;
max-width:20em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .date_box{
min-width:120px;
display: inline-block;
color: rgba(0,0,0,0.40);
}
.widget_wfl_approve .hls-pagging-grid .hls-table .icon_box{
min-width:100px;
display: inline-block;
text-align: center;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .node_desc_box{
display: inline-block;
max-width:15em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .action_type_desc_box{
display: inline-block;
max-width:8em;
white-space:nowrap;
overflow:hidden;
text-overflow : ellipsis;
cursor: pointer;
}
.widget_wfl_approve .hls-pagging-grid .hls-table .icon{
height:16px;
cursor:pointer
}
.widget_wfl_approve .hls-pagging-grid .hls-table .instance_status_desc_box{
display:inline-block;
height:26px;
line-height:26px;
padding:0 10px;
background: rgba(90,127,255,0.15);
border-radius: 3.73px;
font-family: PingFangSC-Regular;
font-size: 11.93px;
color: #4866CC;
letter-spacing: 0;
text-align: center;
}
.widget_wfl_approve #widget_wfl_approve_grid-wraper{
display:none;
}
</style>
<script><![CDATA[
function onLoad_widget_leaf_zjwfl_zjwfl5110_ds(ds){
jQuery("#widget_wfl_approve_tab").on('change',function(e){
if(e.target.checked==true){
jQuery("#widget_wfl_unapprove_grid-wraper").hide();
jQuery("#widget_wfl_approve_grid-wraper").show();
}else{
jQuery("#widget_wfl_unapprove_grid-wraper").show();
jQuery("#widget_wfl_approve_grid-wraper").hide();
}
});
jQuery("#widget_wfl_approve_search_keyword").on('keyup',function(e){
if(e.keyCode === 13 || e.key.toLowerCase() === 'enter') widget_wfl_approve_search();
});
}
function workflow_info_renderer(record,index){
var workflow_info=record.data["workflow_info"]||'';
return '<span class="workflow_info_box" title="' + workflow_info + '">'+ workflow_info +'</span>'
}
function wfl_unapprove_name_renderer(record,index){
var name=record.data["submitted_by_name"]||'';
return '<span class="short_name_box" title="' + name + '">'+ name +'</span>'
}
function wfl_unapprove_document_info_renderer(record,index){
var document_info=''+record.data["document_info"]+''||'';
document_info = document_info.replace(/[<>]/g,'');
return '<span class="document_info_box" title="' + document_info + '">'+ document_info +'</span>'
}
function wfl_creation_date_renderer(record,index){
var date;
if(!!record.data["creation_date_format"]){
date=new Date(record.data["creation_date_format"].replace(" ","T"));
}else{
date='';
}
if (date.format && date.getFullYear() === new Date().getFullYear()){
date = date.format("mm月dd日 HH:MM");
}else if(date.format){
date = date.format("yyyy年mm月dd日 HH:MM");
}
return '<span class="date_box">'+ date +'</span>'
}
function widget_wfl_approve_document_info_renderer(record,index){
var document_info=''+record.data["document_info"]+''||'';
document_info = document_info.replace(/[<>]/g,'');
return '<span class="short_document_info_box" title="' + document_info + '">'+ document_info +'</span>'
}
function widget_wfl_approve_node_desc_renderer(record,index){
var node_desc=record.data["node_desc"]||'';
return '<span class="node_desc_box" title="' + node_desc + '">'+ node_desc +'</span>'
}
function widget_wfl_approve_action_type_desc(record,index){
var action_type_desc=record.data["action_type_desc"]||'';
return '<span class="action_type_desc_box" title="' + action_type_desc + '">'+ action_type_desc +'</span>'
}
function widget_wfl_approve_instance_status_desc(record,index){
var instance_status_desc=record.data["instance_status_desc"]||'';
return '<span class="instance_status_desc_box" title="' + instance_status_desc + '">'+ instance_status_desc +'</span>'
}
function widget_wfl_approve_name_renderer(record,index){
var name=record.data["submitted_by_name"].split('-')[1]
|| record.data["submitted_by_name"].split('-')[0]
|| '';
return '<span class="short_name_box" title="' + name + '">'+ name +'</span>'
}
function widget_wfl_approve_search(){
var search_keyword = document.getElementById('widget_wfl_approve_search_keyword').value;
//待办
var params = {
any_info: search_keyword
}
$('widget_leaf_zjwfl_zjwfl5110_ds').qpara = params;
$('widget_leaf_zjwfl_zjwfl5110_ds').query();
//已办
var paramApproved = {
any_info:search_keyword
}
$('widget_leaf_wfl_zjwfl_ZJWFL3040_ds').qpara = paramApproved;
$('widget_leaf_wfl_zjwfl_ZJWFL3040_ds').query();
}
function wfl_winOpen_zjwfl5110_wfl_approve(instance_id, node_id, record_id, workflow_id, record_type,commision_by) {
var url_type = (record_type == 'NOTICE') ? 'NOTICE' : 'DISPLAY';
var win = new Leaf.Window({
id: 'zj_wfl_approve_win',
url: $('pageLink_zjwfl5110_wfl_approve').getUrl(),
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,
commision_by: commision_by,
winid:"zj_wfl_approve_win"
},
title: '工作流审批',
height: 500,
width: 860,
fullScreen: true
});
win.on('close', function () {
//query_zjwfl5110_toDoDs();
//局部刷新待办列表
$("widget_leaf_zjwfl_zjwfl5110_ds").query();
$("widget_leaf_wfl_zjwfl_ZJWFL3040_ds").query();
if(!!top.$("main_toDoDs")) top.$("main_toDoDs").query();
});
}
function wfl_winOpen_approve_history(instance_id, rcpt_record_id, approve_record_id, rcpt_record_type) {
var url_type = (rcpt_record_type == 'NOTICE') ? 'NOTICE' : 'DISPLAY_MY_APPROVED';
new Leaf.Window({
id: 'node_approve_history_win',
url: $('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
});
}
function widget_wfl_unapprove_detail_renderer(record,index){
return '<span class="icon_box">'
+ '<img src="${/request/@context_path}/images/widget/detail.png"'
+ ' class="icon"'
+ ' 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+ '\','
+ record.get('commision_by')
+ ')"/></span>'
}
function widget_wfl_unapprove_rowClick(record,index){
wfl_winOpen_zjwfl5110_wfl_approve(
record.get('instance_id'),
record.get('node_id'),
record.get('record_id'),
record.get('workflow_id'),
record.get('record_type'),
record.get('commision_by')
);
}
function widget_wfl_approve_detail_renderer(record,index){
return '<span class="icon_box">'
+ '<img src="${/request/@context_path}/images/widget/detail.png"'
+ ' class="icon"'
+ ' onclick="wfl_winOpen_approve_history('
+ record.get('instance_id') + ','
+ record.get('rcpt_record_id') + ','
+ record.get('record_id') + ',\''
+ record.get('rcpt_record_type')
+ '\')"/></span>'
}
function widget_wfl_approve_rowClick(record,index){
wfl_winOpen_approve_history(
record.get('instance_id'),
record.get('rcpt_record_id'),
record.get('record_id'),
record.get('rcpt_record_type')
);
}
]]></script>
<a:dataSets>
<a:dataSet id="widget_leaf_zjwfl_zjwfl5110_ds" autoQuery="true" pageSize="5"
model="zjwfl.ZJWFL5110.zj_wfl_instance_node_recipient">
<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:events>
<a:event name="load" handler="onLoad_widget_leaf_zjwfl_zjwfl5110_ds"/>
</a:events>
</a:dataSet>
<a:dataSet id="widget_leaf_wfl_zjwfl_ZJWFL3040_ds" autoQuery="true" pageSize="5"
model="zjwfl.ZJWFL3040.zj_wfl_my_approved_application">
<a:fields>
</a:fields>
</a:dataSet>
</a:dataSets>
<div class="widget_wfl_approve">
<span class="widget_label"> </span>
<div class="widget_title">我的审批事项</div>
<label class="widget_tab_btn" for="widget_wfl_approve_tab">
<input type="checkbox" id="widget_wfl_approve_tab"/>
<span id="widget_wfl_unapprove_btn" class="widget_tab_left_btn">待办事项</span>
<span id="widget_wfl_approve_btn" class="widget_tab_right_btn">已办事项</span>
</label>
<div class="search_box">
<div class="search_content">
<input id="widget_wfl_approve_search_keyword" placeholder="请输入工作流信息/提交人"/>
<img src="${/request/@context_path}/leafresource/images/widget/search_blue.png" onclick="widget_wfl_approve_search()"/>
</div>
</div>
<!--待办表格-->
<a:hapGrid id="widget_wfl_unapprove_grid" bindTarget="widget_leaf_zjwfl_zjwfl5110_ds"
rowClick="widget_wfl_unapprove_rowClick">
<a:columns>
<a:column template="workflow_info_renderer" prompt="工作流名称"/>
<a:column template="wfl_unapprove_name_renderer" prompt="提交人"/>
<a:column template="wfl_unapprove_document_info_renderer" prompt="项目信息"/>
<a:column template="wfl_creation_date_renderer" prompt="到达时间"/>
<a:column template="widget_wfl_unapprove_detail_renderer" prompt="明细"/>
</a:columns>
</a:hapGrid>
<!--已办表格-->
<a:hapGrid id="widget_wfl_approve_grid" bindTarget="widget_leaf_wfl_zjwfl_ZJWFL3040_ds"
rowClick="widget_wfl_approve_rowClick">
<a:columns>
<a:column template="widget_wfl_approve_document_info_renderer" prompt="项目信息"/>
<a:column template="widget_wfl_approve_name_renderer" prompt="提交人"/>
<a:column template="widget_wfl_approve_action_type_desc" prompt="审批操作"/>
<a:column template="widget_wfl_approve_node_desc_renderer" prompt="我参与节点"/>
<a:column template="widget_wfl_approve_instance_status_desc" prompt="工作流状态"/>
<a:column template="widget_wfl_approve_detail_renderer" prompt="单据明细"/>
</a:columns>
</a:hapGrid>
</div>
</a:view>
</a:screen>