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.

172 lines
5.5 KiB
Plaintext

11 months ago
<!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" />
<base target="_self" />
<style>
.event{ padding:8px 10px; line-height:32px;}
.condParas {
width: 100%;
}
.condParas .row {
display: flex;
justify-content: flex-start;
flex: 0.2;
height: 40px;
line-height: 40px;
background-color: #FAFAFA;
}
.condParas .row .item {
box-sizing: border-box;
flex-shrink: 0;
text-align: center;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.item-num {
width: 10%;
white-space: nowrap;
cursor: pointer;
}
.item-other {
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}
.item-docs {
width: 35%;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.item-index {
background-color: #FAFAFA;
padding-right: 40px;
color: #999999
}
.condParas .row .folder-item {
box-sizing: border-box;
width: 76%;
padding-left: 20px;
cursor: pointer;
}
.wrapper .row {
background-color: #fff;
}
#s-main {
transition: all ease .4s;
}
[v-cloak] {
display: none;
}
.layui-input-block > .layui-form-switch {
margin-top: 0 !important;
}
</style>
<script>
var flowNo = GetQueryString("FK_Flow");
//作用的节点.
var nodeID = GetQueryString("FK_Node");
//到达的节点,对方向条件有效.
var toNodeID = GetQueryString("ToNodeID");
if (toNodeID == null)
toNodeID = nodeID;
//条件类型 @0=节点完成条件, 1=流程完成条件, 2=方向条件, 3=启动子流程
var condType = GetQueryString("CondType");
if (condType == null || condType == '')
condType = 2;
function refresh() {
layer.msg('操作成功',{ time: 1000 }, function () {
location.reload();
});
}
</script>
</head>
<body>
<div id="condParas" class="condParas" v-cloak=v-cloak>
<strong id="Event" class="event" v-html="Event"> </strong>
<div class="row">
<div class="item item-num">序</div>
<div class="item item-other">类型</div>
<div class="item item-docs">表达式</div>
<div class="item item-docs">
<div class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs NewPara-btn">
<i class="icon-plus" style="margin-right: 6px"></i>新建条件
</div>
<div class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs condExp-btn">
<i class="icon-plus" style="margin-right: 6px"></i>插入运算符
</div>
<!--<button @click.stop
class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs condExp-btn"
:data-mypk="cond.MyPK" :data-pidx="index"
:data-idx="cond.Idx">
<i class="layui-icon layui-icon-down layui-font-12"></i> 插入运算符
</button>-->
</div>
</div>
<div class="wrapper" id="s-main" ref="child-row">
<div v-for="(cond,index) in conds" :key="index" :data-id="cond.MyPK">
<div class="row item-name-dp" :data-id="cond.MyPK" :data-idx="index">
<div class="item item-num">{{index + 1}}</div>
<div class="item item-other " v-html="cond.DataFromText"></div>
<a class="item item-docs" href="javascript:void(0)" @click="EditCond(cond)">
<div class="" v-html="cond.Express"></div>
</a>
<div class="item item-docs">
<button @click.stop="DeleteSort(cond.MyPK)" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs c-btn">
<i class="layui-icon layui-icon-delete layui-font-12"></i> 删除
</button>
</div>
</div>
</div>
</div>
</div>
<div id="msg"></div>
<script src="List.js"></script>
</body>
</html>