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
289 lines
11 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/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">
|
||
|
内容 <!--<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"> 实体组件</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>
|