You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

190 lines
6.7 KiB
Plaintext

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>业务流程列表</title>
<link rel="stylesheet" type="text/css" href="../../Portal/icons/font-icons.min.css" />
<script type="text/javascript" src="../../Portal/js/sortjs/Sortable.min.js"></script>
<!--- 引入代码. -->
<script src="../../Scripts/jquery/jquery.min.js"></script>
<script src="../../Scripts/QueryString.js" type="text/javascript"></script>
<script src="../../Scripts/config.js" type="text/javascript"></script>
<script src="../../Comm/Gener.js" type="text/javascript"></script>
<script type="text/javascript" src="../../Portal/js/vue/vue.js"></script>
<script src="../../Scripts/layui/LayuiDialog.js"></script>
<script src="../../Scripts/layui/layui/layui.js"></script>
<link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
<!-- <script type="text/javascript" src="methods.js"></script>-->
<style>
.method {
width: 100%;
}
.method .row {
display: flex;
justify-content: flex-start;
flex: 0.2;
height: 40px;
line-height: 40px;
background-color: #FAFAFA;
}
.method .row .item {
box-sizing: border-box;
flex-shrink: 0;
text-align: center;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.item-name {
width: 32%;
text-overmethod: ellipsis;
white-space: nowrap;
cursor: pointer;
padding-left: 5px;
overflow: hidden
}
.item-num {
width: 8%;
display: flex;
align-items: center;
justify-content: center;
}
.item-other {
width: 12%;
display: flex;
align-items: center;
justify-content: center;
}
.item-docs {
width: 30%;
display: flex;
align-items: center;
justify-content: center;
}
.item-index {
background-color: #FAFAFA;
padding-right: 40px;
color: #999999
}
.method .row .folder-item {
box-sizing: border-box;
width: 80%;
padding-left: 20px;
cursor: pointer;
}
.wrapper .row {
background-color: #fff;
}
#s-main {
transition: all ease .4s;
margin-top: 40px;
}
.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
[v-cloak] {
display: none;
}
.layui-input-block > .layui-form-switch {
margin-top: 0 !important;
}
</style>
</head>
<body>
<!--div id="idcc">
<i class="icon-home"></i>\\流程列表
</div-->
<div class="method" id="method" v-cloak>
<div class="row fixed">
<div class="item item-num" @click="expandAll = !expandAll">
<button class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">
{{expandAll ? '折叠' : '展开'}}
</button>
</div>
<div class="item item-name"><i class="icon-app"></i> 标题</div>
<div class="item item-other">发起人</div>
<div class="item item-other">发起日期</div>
<div class="item item-other">停留节点</div>
<div class="item item-other">发送人</div>
<div class="item item-other">状态</div>
</div>
<div ref="sort-main" id="s-main">
<div class="wrapper" v-for="(flow,index) in flows" :key="index" :data-mypk="flow.No"
:data-pid="flow.ParentNo">
<div class="row" @click="flow.open = !flow.open">
<div class="item item-num" style="text-align: center">
<i v-if="flow.children.length > 0" class="layui-icon"
:class="flow.open ? 'layui-icon-up':'layui-icon-right'"></i>
<i v-else=v-else class="layui-icon layui-icon-subtraction"></i>
</div>
<div class="item folder-item item-top-dp" style="text-align: left; background-color:azure;"
:data-no="flow.No" :data-name="flow.Name" :data-idx="index">
<i class="icon-folder" style="margin-right: 8px"></i>
<!--<span @click.stop="EditSort(item.No,item.Name)">{{flow.Name}}</span>-->
<span>{{flow.Name}}</span>
</div>
<div class="item item-other ">
<span @click.stop="StartFlow(flow.No,flow.Name)">查询|发起</span>
<!--<button @click.stop="StartFlow(flow.No,flow.Name)" data-mypk="flow.No" :data-name="flow.Name" :data-idx="index"
class="layui-btn layui-btn-primary layui-border-black layui-btn-xs t-btn">
<i class="layui-icon layui-icon-down layui-font-12">查询|发起</i>
</button>-->
</div>
</div>
<div v-show="flow.open" :data-id="flow.No" ref="child-row">
<div class="row" v-for="(generWorkFlow,idx) in flow.children" :key="idx" :data-pid="flow.No"
:data-id="generWorkFlow.WorkID">
<div class="item item-num item-index" style="text-align: right;">{{idx + 1}}</div>
<div class="item item-name item-name-dp"
style="text-align: left" :data-mypk="generWorkFlow.WorkID" :data-name="generWorkFlow.Title" :data-pidx="index"
:data-idx="idx" @click.stop="OpenMyView(generWorkFlow.FK_Flow,generWorkFlow.WorkID)">
<span> <font color="blue">{{generWorkFlow.Title}}</font></span>
</div>
<div class="item item-other">{{generWorkFlow.StarterName}}</div>
<div class="item item-other">{{generWorkFlow.RDT}}</div>
<div class="item item-other">
{{generWorkFlow.NodeName}}
</div>
<div class="item item-other">{{generWorkFlow.Sender}}</div>
<div class="item item-other"><i :class="generWorkFlow.Icon"></i> {{generWorkFlow.IconTitle}}</div>
</div>
</div>
</div>
</div>
</div>
<script src="SingleDictGenerWorkFlows.js"></script>
</body>
</html>