308 lines
8.6 KiB
Go
308 lines
8.6 KiB
Go
|
package svg
|
|||
|
|
|
|||
|
|
import (
|
|||
|
|
"bytes"
|
|||
|
|
"encoding/json"
|
|||
|
|
"fmt"
|
|||
|
|
"html/template"
|
|||
|
|
"strings"
|
|||
|
|
|
|||
|
|
"go-common/app/admin/main/aegis/model/net"
|
|||
|
|
"go-common/library/log"
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
var tpl = `
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>流程网描述图</title>
|
|||
|
|
|
|||
|
|
<script src="https://cdn.bootcss.com/viz.js/2.1.1/viz.js"></script>
|
|||
|
|
<script src="https://cdn.bootcss.com/viz.js/2.1.1/full.render.js"></script>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
var json={{.ActionDesc}};
|
|||
|
|
var actions = {{.Actions}};
|
|||
|
|
window.onload = function () {
|
|||
|
|
for( let i =0; i<actions.length; i++){
|
|||
|
|
document.getElementById(actions[i]).onclick = function(e){
|
|||
|
|
var x = e.clientX;
|
|||
|
|
var y = e.clientY;
|
|||
|
|
|
|||
|
|
var content = document.getElementById("content");
|
|||
|
|
|
|||
|
|
var table = '<table bgcolor="LightSteelBlue" border="1">'
|
|||
|
|
var data = JSON.parse(json[actions[i]]);
|
|||
|
|
for (var key in data){
|
|||
|
|
table +='<tr>'
|
|||
|
|
table+='<td>'+key+'</td>'
|
|||
|
|
table+='<td>'+data[key]+'</td>'
|
|||
|
|
table +='</tr>'
|
|||
|
|
}
|
|||
|
|
table += '</table>'
|
|||
|
|
|
|||
|
|
content.innerHTML = table;
|
|||
|
|
content.style.left = x+"px";
|
|||
|
|
content.style.top = y+"px";
|
|||
|
|
content.style.position="absolute";
|
|||
|
|
content.style.display = "block";
|
|||
|
|
content.disabled = true
|
|||
|
|
console.log(content);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<label id="content" background-color="red"></label>
|
|||
|
|
<script>
|
|||
|
|
var viz = new Viz();
|
|||
|
|
|
|||
|
|
viz.renderSVGElement('DotCode')
|
|||
|
|
.then(function(element) {
|
|||
|
|
document.body.appendChild(element);
|
|||
|
|
})
|
|||
|
|
.catch(error => {
|
|||
|
|
// Create a new Viz instance (@see Caveats page for more info)
|
|||
|
|
viz = new Viz();
|
|||
|
|
|
|||
|
|
// Possibly display the error
|
|||
|
|
console.error(error);
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
var (
|
|||
|
|
_labelFlow = `%s [label="%s",shape=circle]`
|
|||
|
|
_labelTransition = `%s [label="%s",shape=box,color=lightgrey,style=filled;]`
|
|||
|
|
_labelToken = `%d [label="%s",shape=Mdiamond]`
|
|||
|
|
_labelDirection = `%s->%s`
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
//NetView .
|
|||
|
|
type NetView struct {
|
|||
|
|
*template.Template
|
|||
|
|
Dot *Dot
|
|||
|
|
Data struct {
|
|||
|
|
NetDesc string
|
|||
|
|
DotCode string
|
|||
|
|
Actions []string
|
|||
|
|
ActionDesc map[string]string
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//NewNetView .
|
|||
|
|
func NewNetView() *NetView {
|
|||
|
|
return &NetView{}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//SetDot .
|
|||
|
|
func (nv *NetView) SetDot(dot *Dot) {
|
|||
|
|
nv.Dot = dot
|
|||
|
|
nv.Data.DotCode = dot.String()
|
|||
|
|
nv.Data.Actions = append(dot.nodes[:], dot.edges...)
|
|||
|
|
nv.Data.ActionDesc = dot.mapactions
|
|||
|
|
|
|||
|
|
ntpl := strings.Replace(tpl, "DotCode", nv.Data.DotCode, 1)
|
|||
|
|
nv.Template = template.New("流程网概览")
|
|||
|
|
nv.Template, _ = nv.Template.Parse(ntpl)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
节点用record表示，节点绑定的令牌用在同一个record里面
|
|||
|
|
变迁用diamond表示，若变迁绑定了令牌，则用图包含变迁和令牌
|
|||
|
|
*/
|
|||
|
|
//Dot .
|
|||
|
|
type Dot struct {
|
|||
|
|
*bytes.Buffer
|
|||
|
|
nodes []string
|
|||
|
|
edges []string
|
|||
|
|
mapactions map[string]string
|
|||
|
|
flows map[int64]*net.Flow
|
|||
|
|
trans map[int64]*net.Transition
|
|||
|
|
dirs map[int64]*net.Direction
|
|||
|
|
tokens map[string][]*net.TokenBindDetail
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//NewDot .
|
|||
|
|
func NewDot() *Dot {
|
|||
|
|
d := &Dot{
|
|||
|
|
mapactions: make(map[string]string),
|
|||
|
|
flows: make(map[int64]*net.Flow),
|
|||
|
|
trans: make(map[int64]*net.Transition),
|
|||
|
|
dirs: make(map[int64]*net.Direction),
|
|||
|
|
tokens: make(map[string][]*net.TokenBindDetail),
|
|||
|
|
}
|
|||
|
|
return d
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//StartDot .
|
|||
|
|
func (d *Dot) StartDot() *Dot {
|
|||
|
|
d.Buffer = bytes.NewBufferString(`digraph net{rankdir=LR;`)
|
|||
|
|
return d
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//End .
|
|||
|
|
func (d *Dot) End() string {
|
|||
|
|
d.WriteString("}")
|
|||
|
|
return d.String()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//AddTokenBinds .
|
|||
|
|
func (d *Dot) AddTokenBinds(tbs ...*net.TokenBindDetail) *Dot {
|
|||
|
|
for _, tb := range tbs {
|
|||
|
|
key := fmt.Sprintf("%d_%d", tb.Type, tb.ElementID)
|
|||
|
|
if tks, ok := d.tokens[key]; ok {
|
|||
|
|
d.tokens[key] = append(tks, tb)
|
|||
|
|
} else {
|
|||
|
|
d.tokens[key] = []*net.TokenBindDetail{tb}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return d
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//AddFlow .
|
|||
|
|
func (d *Dot) AddFlow(flows ...*net.Flow) *Dot {
|
|||
|
|
for _, flow := range flows {
|
|||
|
|
d.flows[flow.ID] = flow
|
|||
|
|
node := fmt.Sprintf(_labelFlow, flow.Name, flow.ChName)
|
|||
|
|
//
|
|||
|
|
nodeid := fmt.Sprintf("node%d", len(d.nodes)+1)
|
|||
|
|
d.nodes = append(d.nodes, nodeid)
|
|||
|
|
bs, _ := json.Marshal(flow)
|
|||
|
|
d.mapactions[nodeid] = string(bs)
|
|||
|
|
|
|||
|
|
//便利token，查找绑定
|
|||
|
|
if tks, ok := d.tokens[fmt.Sprintf("1_%d", flow.ID)]; ok {
|
|||
|
|
d.WriteString("subgraph cluster_" + flow.Name + " {")
|
|||
|
|
d.WriteString(node + ";")
|
|||
|
|
for _, tk := range tks {
|
|||
|
|
node := fmt.Sprintf(_labelToken, tk.ID, tk.ChName)
|
|||
|
|
d.WriteString(node + ";")
|
|||
|
|
nodeid := fmt.Sprintf("node%d", len(d.nodes)+1)
|
|||
|
|
d.nodes = append(d.nodes, nodeid)
|
|||
|
|
bs, _ := json.Marshal(tk)
|
|||
|
|
d.mapactions[nodeid] = string(bs)
|
|||
|
|
}
|
|||
|
|
d.WriteString("}")
|
|||
|
|
} else {
|
|||
|
|
d.WriteString(node + ";")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return d
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//AddTransitions .
|
|||
|
|
func (d *Dot) AddTransitions(trans ...*net.Transition) *Dot {
|
|||
|
|
for _, tran := range trans {
|
|||
|
|
d.trans[tran.ID] = tran
|
|||
|
|
node := fmt.Sprintf(_labelTransition, tran.Name, tran.ChName)
|
|||
|
|
nodeid := fmt.Sprintf("node%d", len(d.nodes)+1)
|
|||
|
|
d.nodes = append(d.nodes, nodeid)
|
|||
|
|
bs, _ := json.Marshal(tran)
|
|||
|
|
d.mapactions[nodeid] = string(bs)
|
|||
|
|
|
|||
|
|
//便利token，查找绑定
|
|||
|
|
if tks, ok := d.tokens[fmt.Sprintf("2_%d", tran.ID)]; ok {
|
|||
|
|
d.WriteString("subgraph cluster_" + tran.Name + " {")
|
|||
|
|
d.WriteString(node + ";")
|
|||
|
|
for _, tk := range tks {
|
|||
|
|
node := fmt.Sprintf(_labelToken, tk.ID, tk.ChName)
|
|||
|
|
d.WriteString(node + ";")
|
|||
|
|
nodeid := fmt.Sprintf("node%d", len(d.nodes)+1)
|
|||
|
|
d.nodes = append(d.nodes, nodeid)
|
|||
|
|
bs, _ := json.Marshal(tk)
|
|||
|
|
d.mapactions[nodeid] = string(bs)
|
|||
|
|
}
|
|||
|
|
d.WriteString("}")
|
|||
|
|
} else {
|
|||
|
|
d.WriteString(node + ";")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return d
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//AddDirections .
|
|||
|
|
func (d *Dot) AddDirections(dirs ...*net.Direction) *Dot {
|
|||
|
|
for _, dir := range dirs {
|
|||
|
|
var (
|
|||
|
|
start, end string
|
|||
|
|
flow *net.Flow
|
|||
|
|
trans *net.Transition
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
flow = d.flows[dir.FlowID]
|
|||
|
|
trans = d.trans[dir.TransitionID]
|
|||
|
|
|
|||
|
|
if flow == nil || trans == nil {
|
|||
|
|
log.Error("invalid direction(%+v)", dir)
|
|||
|
|
continue
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if dir.Direction == 1 {
|
|||
|
|
start, end = flow.Name, trans.Name
|
|||
|
|
}
|
|||
|
|
if dir.Direction == 2 {
|
|||
|
|
start, end = trans.Name, flow.Name
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
edge := fmt.Sprintf(_labelDirection, start, end)
|
|||
|
|
d.WriteString(edge + ";")
|
|||
|
|
edgeid := fmt.Sprintf("edge%d", len(d.edges)+1)
|
|||
|
|
bs, _ := json.Marshal(dir)
|
|||
|
|
d.mapactions[edgeid] = string(bs)
|
|||
|
|
d.edges = append(d.edges, edgeid)
|
|||
|
|
}
|
|||
|
|
return d
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var (
|
|||
|
|
flow1 = &net.Flow{ID: 1, ChName: "节点1", Name: "flow1"}
|
|||
|
|
flow2 = &net.Flow{ID: 2, ChName: "节点2", Name: "flow2"}
|
|||
|
|
flow3 = &net.Flow{ID: 3, ChName: "节点3", Name: "flow3"}
|
|||
|
|
flow4 = &net.Flow{ID: 4, ChName: "节点4", Name: "flow4"}
|
|||
|
|
flow5 = &net.Flow{ID: 5, ChName: "节点5", Name: "flow5"}
|
|||
|
|
flow6 = &net.Flow{ID: 6, ChName: "节点6", Name: "flow6"}
|
|||
|
|
flow7 = &net.Flow{ID: 7, ChName: "节点7", Name: "flow7"}
|
|||
|
|
tran1 = &net.Transition{ID: 1, ChName: "变迁1", Name: "tran1"}
|
|||
|
|
tran2 = &net.Transition{ID: 2, ChName: "变迁2", Name: "tran2"}
|
|||
|
|
tran3 = &net.Transition{ID: 3, ChName: "变迁3", Name: "tran3"}
|
|||
|
|
dir1 = &net.Direction{ID: 1, FlowID: 1, TransitionID: 1, Direction: 1}
|
|||
|
|
dir2 = &net.Direction{ID: 2, FlowID: 2, TransitionID: 1, Direction: 2}
|
|||
|
|
dir3 = &net.Direction{ID: 3, FlowID: 2, TransitionID: 2, Direction: 1}
|
|||
|
|
dir4 = &net.Direction{ID: 4, FlowID: 2, TransitionID: 3, Direction: 1}
|
|||
|
|
dir5 = &net.Direction{ID: 5, FlowID: 3, TransitionID: 2, Direction: 2}
|
|||
|
|
dir6 = &net.Direction{ID: 6, FlowID: 4, TransitionID: 2, Direction: 2}
|
|||
|
|
dir7 = &net.Direction{ID: 7, FlowID: 5, TransitionID: 3, Direction: 2}
|
|||
|
|
dir8 = &net.Direction{ID: 8, FlowID: 6, TransitionID: 2, Direction: 2}
|
|||
|
|
dir9 = &net.Direction{ID: 9, FlowID: 7, TransitionID: 3, Direction: 2}
|
|||
|
|
|
|||
|
|
tk1 = &net.TokenBindDetail{
|
|||
|
|
ID: 1,
|
|||
|
|
Type: 1,
|
|||
|
|
ElementID: 1,
|
|||
|
|
ChName: "待审核",
|
|||
|
|
}
|
|||
|
|
tk2 = &net.TokenBindDetail{
|
|||
|
|
ID: 2,
|
|||
|
|
Type: 2,
|
|||
|
|
ElementID: 1,
|
|||
|
|
ChName: "通过",
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
func DebugSVG() (nv *NetView) {
|
|||
|
|
dot := NewDot()
|
|||
|
|
dot.StartDot().AddTokenBinds(tk1, tk2).
|
|||
|
|
AddFlow(flow1, flow2, flow3, flow4, flow5, flow6, flow7).
|
|||
|
|
AddTransitions(tran1, tran2, tran3).
|
|||
|
|
AddDirections(dir1, dir2, dir3, dir4, dir5, dir6, dir7, dir8, dir9).
|
|||
|
|
End()
|
|||
|
|
nv = NewNetView()
|
|||
|
|
nv.SetDot(dot)
|
|||
|
|
return nv
|
|||
|
|
}
|