638 lines
25 KiB
Python
638 lines
25 KiB
Python
<template>
|
|
<div class="app-container">
|
|
<el-card style="margin-bottom: 10px">
|
|
<el-steps :active="actives" spac="400px" align-center="" style="padding-top: 20px;">
|
|
<el-step :title="item.name" v-for="item in flowSteps " :key="item.id"></el-step>
|
|
</el-steps>
|
|
</el-card>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-card>
|
|
<svg height=800 id="mySvg" style="width:100%!important;"></svg>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<el-card style="margin-left: 10px">
|
|
<el-form ref="Form" :model="ticketForm" label-width="100px" label-position="right" :rules="ticketFormRule">
|
|
<el-col :span="12">
|
|
<el-form-item label="标题" style="margin-bottom: 0">
|
|
<span>{{ticketDetail.title}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="工作流" style="margin-bottom: 0">
|
|
<span v-if="ticketDetail.workflow_">{{ticketDetail.workflow_.name}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="流水号" style="margin-bottom: 0">
|
|
<span>{{ticketDetail.sn}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="创建时间" style="margin-bottom: 0">
|
|
<span>{{ticketDetail.create_time}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-row style="display: flex;flex-wrap: wrap;width:100%;">
|
|
<el-col v-for="item in ticketDetail.ticket_data_" :key="item.id" :span="12">
|
|
<el-form-item :label="item.field_name" v-if="item.field_state==='1'">
|
|
<span>{{ticketDetail.ticket_data[item.field_key]}}</span>
|
|
</el-form-item>
|
|
<el-form-item :label="item.field_name" v-else>
|
|
<template v-if="item.field_type=='string'">
|
|
<el-input v-model="ticketDetail.ticket_data[item.field_key]" :placeholder="item.description"/>
|
|
</template>
|
|
<template v-if="item.field_type==='int'">
|
|
<el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" oninput="value=value.replace(/[^\d]/g,'')" />
|
|
</template>
|
|
<template v-if="item.field_type==='float'">
|
|
<el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" />
|
|
</template>
|
|
<template v-if="item.field_type==='date'">
|
|
<el-date-picker
|
|
v-model="ticketDetail.ticket_data[item.field_key]"
|
|
type="date"
|
|
placeholder="选择日期"
|
|
value-format="yyyy-MM-dd"
|
|
style="width: 100%"
|
|
>
|
|
</el-date-picker>
|
|
</template>
|
|
<template v-if="item.field_type==='datetime'">
|
|
<el-date-picker
|
|
v-model="ticketDetail.ticket_data[item.field_key]"
|
|
type="datetime"
|
|
placeholder="选择日期"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
style="width: 100%"
|
|
>
|
|
</el-date-picker>
|
|
</template>
|
|
<template v-if="item.field_type==='select'">
|
|
<el-select style="width: 100%" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择">
|
|
<el-option
|
|
v-for="item1 in item.field_choice"
|
|
:key="item1"
|
|
:label="item1"
|
|
:value="item1"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
<template v-if="item.field_type==='selects'">
|
|
<el-select style="width: 100%" multiple v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择">
|
|
<el-option
|
|
v-for="item1 in item.field_choice"
|
|
:key="item1"
|
|
:label="item1"
|
|
:value="item1"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
<template v-if="item.field_type==='textarea'">
|
|
<el-input type="textarea" :rows="3" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="内容" />
|
|
</template>
|
|
<template v-if="item.field_type==='file'">
|
|
<el-upload
|
|
ref="upload"
|
|
:action="upUrl"
|
|
:on-preview="handlePreview"
|
|
:on-success="handleUpSuccess"
|
|
:headers="upHeaders"
|
|
:file-list="fileList"
|
|
:limit="1"
|
|
accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
|
|
>
|
|
<el-button size="small" type="primary">上传文件</el-button>
|
|
</el-upload>
|
|
</template>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item label="审批意见">
|
|
<el-input type="textarea" :rows="3" v-model="ticketForm.suggestion" placeholder="审批意见"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<div style="text-align: center;display: flex;justify-content: space-between;">
|
|
<div>
|
|
<template v-if="ticketDetail.state_">
|
|
<!--state_.type===0普通状态&&act_state==1进行中participant_type!==2处理人不是多人!ticketDetail.in_add_node非加签状态-->
|
|
<el-button v-if="ticketDetail.act_state==1&&ticketDetail.state_.type===0&&!ticketDetail.in_add_node" type="primary" @click="handleAdd">加签</el-button>
|
|
<el-button v-if="ticketDetail.state_.type===1" type="primary" @click="handleClick('2')">关闭</el-button>
|
|
<el-button v-if="ticketDetail.state_.enable_retreat&&(userId==ticketDetail.create_by)&&ticketDetail.state_.type!==1" type="danger" @click="handleClick('1')">撤回</el-button>
|
|
</template>
|
|
</div>
|
|
<div>
|
|
<el-button v-if="ticketDetail.in_add_node" class="filter-item" type="primary" @click="handleClick('3')">加签处理</el-button>
|
|
<el-button v-for="item in operationBtn" :key="item.id" class="filter-item" type="primary" @click="operationSubmit(item.id)">{{item.name}}</el-button>
|
|
</div>
|
|
|
|
</div>
|
|
</el-card>
|
|
<el-card style="margin-left: 10px">
|
|
<el-table :data="logs" fit stripe
|
|
style="width: 100%;border-top:1px solid #EBEEF5;"
|
|
height="100"
|
|
highlight-current-row
|
|
v-el-height-adaptive-table="{bottomOffset: 60}">
|
|
<el-table-column label="工单标题" min-width="100">
|
|
<template slot-scope="scope" v-if="scope.row.ticket_data">
|
|
<span>{{scope.row.ticket_data.title}}中</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="进行状态" min-width="100">
|
|
<template slot-scope="scope" v-if="scope.row.state_">
|
|
<span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
|
|
<span v-else>已{{scope.row.state_.name}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作人" min-width="100">
|
|
<template slot-scope="scope" v-if="scope.row.participant_">{{ scope.row.participant_.name }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作意见" min-width="100" prop="suggestion">
|
|
</el-table-column>
|
|
<el-table-column label="更新时间" min-width="100" prop="update_time">
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
<!--撤回1、关闭2、加签结束3-->
|
|
<el-dialog :visible.sync="limitedHandle" :title="handleTitle">
|
|
<el-row>
|
|
<el-form ref="Form" :model="handleForm" label-width="100px" label-position="right">
|
|
<el-col :span="1" style="height: 1px;"></el-col>
|
|
<el-col :span="22" style="margin:3vh 0">
|
|
<el-form-item :label="handleLabel">
|
|
<el-input type="textarea" :rows="3" v-model="handleForm.suggestion" placeholder="撤回原因"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-form>
|
|
</el-row>
|
|
<div style="text-align: center">
|
|
<el-button class="filter-item" type="" @click="retreatCancel">取消</el-button>
|
|
<el-button class="filter-item" type="primary" @click="handleSubmit">确定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<el-dialog :visible.sync="limitedAdd" title="加签">
|
|
<el-row>
|
|
<el-form ref="Form" :model="addForm" label-width="100px" label-position="right">
|
|
<el-col :span="22">
|
|
<el-form-item label="加签操作人">
|
|
<el-select style="width: 100%" v-model="addForm.toadd_user" placeholder="加签操作人">
|
|
<el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="加签原因">
|
|
<el-input type="textarea" :rows="3" v-model="addForm.suggestion" placeholder="加签原因"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-form>
|
|
</el-row>
|
|
<div style="text-align: center">
|
|
<el-button class="filter-item" type="" @click="addCancel">取消</el-button>
|
|
<el-button class="filter-item" type="primary" @click="addSubmit">确定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<script src="https://d3js.org/d3.v4.min.js"></script>
|
|
<script>
|
|
import { upUrl, upHeaders } from "@/api/file";
|
|
import { getUserList } from "@/api/user";
|
|
import {getWorkflowList,getWfCustomfieldList,getWfStateList,getWfTransitionList,ticketHandle
|
|
,getWfFlowSteps,getTicketDetail,getTicketTransitions,getTicketFlowlog,ticketRetreat,
|
|
ticketAddNode,ticketAddNodeEnd,ticketClose } from "@/api/workflow";
|
|
import Pagination from "@/components/Pagination";
|
|
import dagreD3 from 'dagre-d3'
|
|
import * as d3 from 'd3'
|
|
export default {
|
|
name: "ticketHandle",
|
|
components: { Pagination },
|
|
inject:['reload'],
|
|
data(){
|
|
return{
|
|
step:4,
|
|
actives:4,
|
|
ticketId:0,
|
|
stateSteps:0,
|
|
ticketForm:{
|
|
transition:'',
|
|
ticket_data:{},
|
|
suggestion:'',
|
|
},
|
|
handleType:'1',
|
|
handleLabel:'撤回原因',
|
|
handleTitle:'工单撤回',
|
|
handleForm:{
|
|
suggestion:'',
|
|
},
|
|
addForm:{
|
|
toadd_user:'',
|
|
suggestion:'',
|
|
},
|
|
tooltip:null,
|
|
handleRule:{},
|
|
upUrl: upUrl(),
|
|
upHeaders: upHeaders(),
|
|
userId:'',
|
|
workflow:'',
|
|
watchedName:'',
|
|
watchedCreateTime:'',
|
|
logs:[],
|
|
staffs:[],
|
|
edges: [],
|
|
nodes: [],
|
|
tooltip: [],
|
|
fileList:[],
|
|
workflows:[],
|
|
flowSteps:[],
|
|
ticketDetail:{},
|
|
operationBtn:[],
|
|
customfields:[],
|
|
transitions:[],
|
|
limitedAdd:false,
|
|
limitedHandle:false,
|
|
ticketFormRule:{},
|
|
}
|
|
},
|
|
mounted(){
|
|
let that = this;
|
|
that.userId = sessionStorage.getItem('userId')
|
|
let ticketId = that.ticketId = this.$route.params.ticketId;
|
|
let workflow = that.workflow = this.$route.params.workflow;
|
|
let handleTicketId = sessionStorage.getItem('handleTicketId');
|
|
let handleTicketWorkflow = sessionStorage.getItem('handleTicketWorkflow');
|
|
if(ticketId&&workflow){
|
|
if(handleTicketId&&handleTicketWorkflow){
|
|
sessionStorage.removeItem('handleTicketId');
|
|
sessionStorage.removeItem('handleTicketWorkflow');
|
|
sessionStorage.setItem('handleTicketId',ticketId);
|
|
sessionStorage.setItem('handleTicketWorkflow',workflow);
|
|
}else{
|
|
sessionStorage.setItem('handleTicketId',ticketId);
|
|
sessionStorage.setItem('handleTicketWorkflow',workflow);
|
|
}
|
|
}else{
|
|
ticketId = that.ticketId = handleTicketId;
|
|
workflow = that.workflow = handleTicketWorkflow;
|
|
}
|
|
this.getTicketFlowlogs(ticketId);
|
|
getTicketTransitions(ticketId).then(res=>{
|
|
this.operationBtn = res.data;
|
|
})
|
|
getWfFlowSteps( ticketId).then((res)=>{
|
|
if(res.data){
|
|
//流程步骤数组
|
|
that.flowSteps = res.data;
|
|
getTicketDetail( ticketId).then((res)=>{
|
|
if(res.data){
|
|
that.tooltip = that.createTooltip();
|
|
that.ticketDetail = res.data;
|
|
|
|
console.log(that.ticketDetail.state_.enable_retreat);
|
|
debugger;
|
|
let state = res.data.state;
|
|
let dat = that.flowSteps.filter((item)=>{
|
|
return item.id==state;
|
|
})
|
|
that.sort = dat[0].sort;
|
|
that.actives = that.flowSteps.indexOf(dat[0]);
|
|
if( that.flowSteps.length-that.actives >1){}else{
|
|
that.actives =that.flowSteps.length;
|
|
}
|
|
var g = new dagreD3.graphlib.Graph().setGraph({
|
|
rankdir: 'DL',
|
|
nodesep: 100,
|
|
edgesep: 10,//两条线之间的距离
|
|
ranksep: 50,//节点之间的距离
|
|
marginx: 60,
|
|
marginy: 20,
|
|
});
|
|
//获取state得到节点
|
|
getWfStateList(workflow).then((response) => {
|
|
if (response.data) {
|
|
let nodes = response.data;
|
|
// 添加节点
|
|
nodes.forEach((item) => {
|
|
if(item.sort==that.sort){
|
|
g.setNode(item.id, {
|
|
// 节点标签
|
|
label: item.name,
|
|
// 节点形状
|
|
shape: 'rect',
|
|
toolText: item.name,
|
|
//节点样式
|
|
style: "fill:#409EFF;stroke:#000",
|
|
labelStyle: "fill:#000;",
|
|
rx :5,//矩形节点圆角度
|
|
ry :5
|
|
});
|
|
|
|
}else{
|
|
g.setNode(item.id, {
|
|
// 节点标签
|
|
label: item.name,
|
|
// 节点形状
|
|
shape: 'rect',
|
|
toolText: item.name,
|
|
//节点样式
|
|
style: "fill:#fff;stroke:#000",
|
|
labelStyle: "fill:#000;",
|
|
rx :5,//矩形节点圆角度
|
|
ry :5
|
|
});
|
|
}
|
|
});
|
|
g.nodes().forEach(function (v) {
|
|
console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
|
|
});
|
|
//获取流转得到线 链接关系
|
|
getWfTransitionList(workflow).then((res)=>{
|
|
if(res.data){
|
|
let transitionList = res.data;
|
|
transitionList.forEach((transitions)=>{
|
|
let transition0 = transitions;
|
|
if (transition0.condition_expression.length>0){
|
|
g.setNode(transition0.source_state_.id+100000, {label: "条件表达式", style: "fill: #a4d088", shape: "diamond"});
|
|
g.setEdge(transition0.source_state_.id, transition0.source_state_.id+100000, {
|
|
// 边标签
|
|
label: transition0.name,
|
|
style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
|
|
});
|
|
let condition_expression = transition0.condition_expression;
|
|
condition_expression.forEach(condition_expression0=>{
|
|
g.setEdge(transition0.source_state_.id+100000, condition_expression0.target_state, {
|
|
label: condition_expression0.label,
|
|
style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
|
|
})
|
|
})
|
|
}else{
|
|
g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
|
|
// 边标签
|
|
label: transition0.name,
|
|
// 边样式
|
|
style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
|
|
});
|
|
}
|
|
})
|
|
g.nodes().length-1
|
|
g.nodes().forEach(function (v) {
|
|
console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
|
|
});
|
|
// 创建渲染器
|
|
let render = new dagreD3.render();
|
|
// 选择 svg 并添加一个g元素作为绘图容器.
|
|
let svg = d3.select('#mySvg');
|
|
let svgGroup = svg.append('g');
|
|
let zoom = d3.zoom()
|
|
.on("zoom", function() {
|
|
svgGroup.attr("transform", d3.event.transform);
|
|
});
|
|
svg.call(zoom);
|
|
// 在绘图容器上运行渲染器生成流程图.
|
|
render(d3.select("svg g"), g);
|
|
// this.getTicketFlowlogs(ticketId);
|
|
getTicketFlowlog(ticketId).then(res=>{
|
|
if(res.data){
|
|
that.logs = res.data;
|
|
svgGroup
|
|
.selectAll('g.node')
|
|
.on('mouseover', (v) => {
|
|
// 假如当前toolText为"",则不展示
|
|
//这里就是自定义tooltip的内容
|
|
let filList = [], strList = [];
|
|
filList = nodes.filter((ii) => {
|
|
return ii.name === g.node(v).label
|
|
})
|
|
if (!filList.length) {
|
|
return
|
|
}
|
|
filList.map((k) => {
|
|
let filte = that.logs.filter(item=>{
|
|
return item.state_.id = k.id;
|
|
})
|
|
//每个
|
|
let str = '处理人:'+filte[0].participant_.name;
|
|
strList.push(str)
|
|
})
|
|
that.tipVisible(strList)
|
|
})
|
|
.on('mouseout', () => {
|
|
this.tipHidden()
|
|
})
|
|
}
|
|
})
|
|
|
|
}else{}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
},
|
|
activated(){
|
|
},
|
|
methods:{
|
|
getUser(){
|
|
getUserList({}).then(res=>{
|
|
if(res.data){
|
|
this.staffs = res.data.results;
|
|
}
|
|
})
|
|
},
|
|
//工单流转记录
|
|
getTicketFlowlogs(id){
|
|
getTicketFlowlog(id).then(res=>{
|
|
if(res.data){
|
|
this.logs = res.data;
|
|
}
|
|
})
|
|
},
|
|
handlePreview(file) {
|
|
if ("url" in file) {
|
|
window.open(file.url);
|
|
} else {
|
|
window.open(file.response.data.path);
|
|
}
|
|
},
|
|
handleUpSuccess(res, file, filelist) {
|
|
this.process.instruction = res.data.id;
|
|
},
|
|
handleRemove(file, filelist){
|
|
this.process.instruction = null;
|
|
},
|
|
// 创建提示框
|
|
createTooltip() {
|
|
return d3
|
|
.select('body')
|
|
.append('div')
|
|
.classed('tooltip', true)
|
|
.style('opacity', 0)
|
|
.style('display', 'none')
|
|
},
|
|
// tooltip显示
|
|
tipVisible(textContent) {
|
|
this.tooltip
|
|
.transition()
|
|
.duration(400)
|
|
.style('opacity', 1)
|
|
.style('display', 'block')
|
|
.style('color', '#ffffff')
|
|
.style('z-index', '3999')
|
|
.style('padding', '20px 30px')
|
|
.style('border-radius', '5px')
|
|
.style('position', 'fixed')
|
|
.style('background', 'rgba(0,0,0,.7)')
|
|
this.tooltip
|
|
.html(textContent)
|
|
.style('left', `${d3.event.pageX + 15}px`)
|
|
.style('top', `${d3.event.pageY-10}px`)
|
|
},
|
|
|
|
// tooltip隐藏
|
|
tipHidden() {
|
|
this.tooltip
|
|
.transition()
|
|
.duration(400)
|
|
.style('opacity', 0)
|
|
.style('display', 'none')
|
|
},
|
|
operationSubmit(id){
|
|
this.ticketForm.transition = id;
|
|
this.ticketForm.ticket_data = this.ticketDetail.ticket_data;
|
|
let obj = new Object();
|
|
obj.transition = id;
|
|
obj.ticket_data = this.ticketDetail.ticket_data;
|
|
obj.suggestion = this.ticketForm.suggestion;
|
|
console.log(this.ticketForm);
|
|
ticketHandle(this.ticketId,obj).then(res=>{
|
|
if (res.data){
|
|
this.$store.dispatch("user/getCount", {})
|
|
this.$router.replace({name:"ticket"})
|
|
}
|
|
})
|
|
},
|
|
retreatCancel(){
|
|
this.limitedHandle = false;
|
|
},
|
|
handleSubmit(){
|
|
let text = '',url='';
|
|
if(this.handleType==='1'){
|
|
text = "确认撤回工单吗?";
|
|
url = ticketRetreat;
|
|
}else if(this.handleType==='2'){
|
|
text = "确认关闭工单吗?";
|
|
url = ticketClose;
|
|
}if(this.handleType==='3'){
|
|
text = "确认处理工单吗?";
|
|
url = ticketAddNodeEnd;
|
|
}
|
|
this.$confirm(text, "温馨提示", {
|
|
confirmButtonText: "确认",
|
|
cancelButtonText: "取消",
|
|
type: "warning",
|
|
})
|
|
.then(async () => {
|
|
url(this.ticketId,this.handleForm).then(res=>{
|
|
this.limitedHandle = false;
|
|
this.$store.dispatch("user/getCount", {})
|
|
this.$router.replace({name:"ticket"})
|
|
this.$message.success("成功");
|
|
})
|
|
})
|
|
.catch((err) => {
|
|
console.error(err);
|
|
});
|
|
},
|
|
handleClick(index){
|
|
this.limitedHandle = true;
|
|
this.handleType = index;
|
|
if(index==='1'){
|
|
this.handleTitle = '工单撤回';
|
|
this.handleLabel = '撤回原因';
|
|
}else if(index==='2'){
|
|
this.handleTitle = '工单关闭';
|
|
this.handleLabel = '关闭原因';
|
|
}else if(index==='3'){
|
|
this.handleTitle = '加签处理';
|
|
this.handleLabel = '加签意见';
|
|
}
|
|
},
|
|
handleAdd(){
|
|
this.getUser();
|
|
this.limitedAdd = true;
|
|
},
|
|
addCancel(){
|
|
this.limitedAdd = false;
|
|
},
|
|
addSubmit(){
|
|
ticketAddNode(this.ticketId,this.addForm).then(res=>{
|
|
if(res.data){
|
|
this.limitedAdd = false;
|
|
this.$nextTick(function () {
|
|
this.limitedAdd = true;
|
|
this.$store.dispatch("user/getCount", {})
|
|
this.$router.replace({name:"ticket"})
|
|
})
|
|
|
|
}
|
|
})
|
|
},
|
|
addNode(){
|
|
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.svgWrapper{
|
|
background: #fff;
|
|
width: 800px;
|
|
margin: 10vh auto 0;
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
}
|
|
.svgItem{
|
|
padding: 20px 40px 0 ;
|
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
font-size: 18px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
svg {
|
|
font-size: 14px;
|
|
}
|
|
.node rect {
|
|
stroke: #606266;
|
|
fill: #fff;
|
|
}
|
|
.edgePath path {
|
|
stroke: #606266;
|
|
fill: #333;
|
|
stroke-width: 1.5px;
|
|
}
|
|
.el-icon-close{
|
|
cursor: pointer;
|
|
}
|
|
.listItem{
|
|
margin-top: 15px;
|
|
font-size: 16px;
|
|
}
|
|
.listItem>span{
|
|
width: 100px;
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
display: inline-block;
|
|
}
|
|
</style>
|