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.

289 lines
11 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/layui/layui.js"></script>
<link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
<script src="../../Scripts/layui/LayuiDialog.js"></script>
<!-- <script type="text/javascript" src="methods.js"></script>-->
<script src="../EnumLab.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;*/
/* width: 20%;*/
/* border: 1px solid #eee;*/
/* font-weight: 600;*/
/*}*/
.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: 15%;
text-overmethod: ellipsis;
white-space: nowrap;
cursor: pointer;
padding-left: 30px;
}
.item-other {
width: 11%;
display: flex;
align-items: center;
justify-content: center;
}
.item-docs {
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}
.item-index {
background-color: #FAFAFA;
padding-right: 40px;
color: #999999
}
.item-op {
width: 10%;
}
.method .row .folder-item {
box-sizing: border-box;
width: 68%;
padding-left: 20px;
cursor: pointer;
}
.wrapper .row {
background-color: #fff;
}
#s-main {
transition: all ease .4s;
margin-top: 44px;
}
.fixed {
position: fixed;
top: 25px;
left: 0;
width: 100%;
}
[v-cloak] {
display: none;
}
.layui-input-block > .layui-form-switch {
margin-top: 0 !important;
}
</style>
<script type="text/javascript">
//转到菜单
function ToMenu() {
var moduleNo = GetQueryString("ModuleNo");
var module = new Entity("BP.CCFast.CCMenu.Module", moduleNo);
var url = basePath + "/WF/GPM/Menus.htm?SystemNo=" + module.SystemNo;
window.top.vm.openTab(name, url);
}
//转到菜单
function ToDictAttr() {
var frmID = GetQueryString("FrmID");
var url = basePath + "/WF/Comm/En.htm?EnName=BP.CCBill.FrmDict&No=" + frmID;
OpenLayuiDialog(url, '', 9000, 0, null, false);
// OpenDialogAndCloseRefresh(url,"",9000,900,)
// window.top.vm.openTab(name, url);
}
//到达集合组件.
function ToCollectionAttr() {
var moduleNo = GetQueryString("ModuleNo");
var module = new Entity("BP.CCFast.CCMenu.Module", moduleNo);
var url = basePath + "/WF/CCBill/Admin/Collection.htm?SystemNo=" + module.SystemNo;
url += "&ModuleNo=" + moduleNo;
url += "&FrmID=" + GetQueryString("FrmID");
window.top.vm.openTab(name, url);
}
function GoToFrmD() {
var frmID = GetQueryString("FrmID");
GoToFrmDesigner(frmID);
}
//打开设计表单.
function GoToFrmDesigner(frmID) {
if (frmID == undefined)
frmID = GetQueryString("FrmID");
// var module = new Entity("BP.CCFast.CCMenu.Module", moduleNo);
var url = basePath + "/WF/Admin/FoolFormDesigner/GoToFrmDesigner.htm?FK_MapData=" + frmID + "&FrmID=" + frmID;
window.top.vm.openTab(frmID, url);
}
</script>
</head>
<body>
<span class="layui-breadcrumb">
<a href=""><i class="icon-home"></i> 首页</a>
<a href="javascript:ToMenu()"><i class="icon-menu"></i> 菜单设计</a>
<a href="javascript:GoToFrmD()"><i class="icon-diamond"></i> 表单设计器</a>
<a href="javascript:ToDictAttr()"><i class="icon-heart"></i> 实体属性</a>
<a><cite><font color="red">实体组件</font></cite></a>
<a href="javascript:ToCollectionAttr()"><i class="icon-heart"></i> 列表组件</a>
</span>
<!--<div id="idcc">
<i class="icon-Home"></i>\\系统\\模块\\菜单\\实体菜单\\方法设计器
</div>-->
<div class="method" id="method" v-cloak>
<div class="row fixed">
<div class="item item-other" @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-docs">
内容 &nbsp;&nbsp; <!--<a href="javascript:alert('请在栏目上点右键');">+新建组件</a>-->
<div class="item item-content">
<a href="https://www.bilibili.com/video/BV12P4y1p74h/" target="_blank" class="icon-camrecorder"><font color="blue">&nbsp;实体组件</font></a>
</div>
</div>
<div class="item item-other">启用?</div>
<div class="item item-other">列表显示?</div>
<div class="item item-op">权限</div>
<div class="item item-other">操作</div>
</div>
<div ref="sort-main" id="s-main">
<div class="wrapper" v-for="(group,index) in flowNodes" :key="index" :data-no="group.No" :data-id="group.No"
:data-pid="group.ParentNo">
<div class="row item-top-dp" @click="group.open = !group.open" :data-no="group.No" :data-name="group.Name" :data-idx="index" style="background-color:azure;">
<div class="item item-other" style="text-align: center">
<i v-if="group.children.length > 0" class="layui-icon" :class="group.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 " :data-no="group.No" :data-name="group.Name" :data-idx="index" style="text-align:left;">
<span><i :class="group.Icon" style="margin-right: 8px"> </i> {{group.Name}}</span>
</div>
<div class="item item-op" v-html="group.groupCtrlWayText" @click.stop></div>
<div class="item item-other " style="text-align: left; background-color:azure;">
<button @click.stop :data-no="group.No" :data-name="group.Name" :data-idx="index"
class="layui-btn layui-btn-primary layui-border-black layui-btn-sm t-btn">
<i class="layui-icon layui-icon-down layui-font-12"></i>目录
</button>
</div>
</div>
<div v-show="group.open" :data-id="group.No" ref="child-row">
<div class="row item-name-dp" v-for="(method,idx) in group.children" :key="idx" :data-pid="group.No"
:data-no="method.No" :data-name="method.Name" :data-pidx="index"
:data-idx="idx"
:data-id="method.No">
<div class="item item-other item-index" style="text-align: right;">{{idx + 1}}</div>
<div class="item item-name " @click.stop="MethodAttr(method.No)"
style="text-align: left" :data-no="method.No" :data-name="method.Name" :data-pidx="index"
:data-idx="idx">
<span><i :class="method.Icon" style="margin-right: 8px"> </i> {{method.Name}}</span>
</div>
<div class="item item-other">{{method.MethodModel}}</div>
<div class="item item-docs" v-html="method.Docs"></div>
<div class="item item-other">
<form class="layui-form" action="">
<div class="layui-form-item" style="margin: 0">
<div class="layui-input-block" style="margin: 0" :data-id="method.No"
@click="changeMethodEnableStatus(method,this)">
<input type="checkbox" lay-skin="switch" lay-text="ON|OFF"
:checked="parseInt(method.IsEnable)== 1?true:false">
</div>
</div>
</form>
</div>
<div class="item item-other">
<form class="layui-form" action="">
<div class="layui-form-item" style="margin: 0">
<div class="layui-input-block" style="margin: 0" :data-id="method.No"
@click="changeMethodListEnableStatus(method,this)">
<input type="checkbox" lay-skin="switch" lay-text="ON|OFF"
:checked="parseInt(method.IsList) === 1">
</div>
</div>
</form>
</div>
<div class="item item-op" v-html="method.methodCtrlWayText" @click.stop></div>
<div class="item item-other">
<button class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs c-btn"
:data-name="method.Name" :data-no="method.No" :data-pidx="index" :data-idx="idx">
<i class="layui-icon layui-icon-down layui-font-12"></i> 方法
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="Method.js"></script>
</body>
</html>