|
@@ -63,16 +63,20 @@ import { Selection } from '@antv/x6-plugin-selection'
|
|
|
import { Snapline } from '@antv/x6-plugin-snapline'
|
|
|
import { Keyboard } from '@antv/x6-plugin-keyboard'
|
|
|
import { Clipboard } from '@antv/x6-plugin-clipboard'
|
|
|
+import { register } from '@antv/x6-vue-shape'
|
|
|
import { History } from '@antv/x6-plugin-history'
|
|
|
import Cookies from 'js-cookie'
|
|
|
-import { ElMessage, ElMessageBox } from "element-plus";
|
|
|
+import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
+import startBtn from './startBtn.vue'
|
|
|
+import endBtn from './endBtn.vue'
|
|
|
+import handleBtn from './handleBtn.vue'
|
|
|
+
|
|
|
defineProps({
|
|
|
- title: {
|
|
|
- type: Object,
|
|
|
- default: '',
|
|
|
- },
|
|
|
-
|
|
|
-});
|
|
|
+ title: {
|
|
|
+ type: Object,
|
|
|
+ default: '',
|
|
|
+ },
|
|
|
+})
|
|
|
const { proxy } = getCurrentInstance()
|
|
|
const internalInstance = getCurrentInstance()
|
|
|
const dialogVisible = ref(false)
|
|
@@ -170,7 +174,7 @@ const formConfig = computed(() => {
|
|
|
prop: 'handleObjectId',
|
|
|
placeholder: '请选择办理人',
|
|
|
data: [],
|
|
|
- },
|
|
|
+ },
|
|
|
{
|
|
|
type: 'input',
|
|
|
prop: 'handlingMethod',
|
|
@@ -194,6 +198,7 @@ const formConfig = computed(() => {
|
|
|
{
|
|
|
label: '通过',
|
|
|
value: 1,
|
|
|
+ disabled:true,
|
|
|
},
|
|
|
{
|
|
|
label: '驳回',
|
|
@@ -234,24 +239,26 @@ const formOption = reactive({
|
|
|
let graph
|
|
|
const submitForm = () => {
|
|
|
byform.value.handleSubmit((valid) => {
|
|
|
+
|
|
|
flowDefinitionNodeObj.value[formData.data.id] = formData.data
|
|
|
console.log(flowDefinitionNodeObj.value)
|
|
|
dialogVisible.value = false
|
|
|
+ formData.data.cell.setData({
|
|
|
+ title: formData.data.nodeName,
|
|
|
+ });
|
|
|
})
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
|
|
|
const submitFormData = {
|
|
|
- flowInfoId:null,
|
|
|
- titleTemplate:null,
|
|
|
- tenantId:Cookies.get('tenantId'),
|
|
|
- nodeObject:'',
|
|
|
- lineObject:'',
|
|
|
- flowDefinitionNodeList:[],
|
|
|
+ flowInfoId: null,
|
|
|
+ titleTemplate: null,
|
|
|
+ tenantId: Cookies.get('tenantId'),
|
|
|
+ nodeObject: '',
|
|
|
+ lineObject: '',
|
|
|
+ flowDefinitionNodeList: [],
|
|
|
}
|
|
|
const submitAll = () => {
|
|
|
- if(proxy.title == '') {
|
|
|
+ if (proxy.title == '') {
|
|
|
ElMessage({
|
|
|
message: '请输入流程标题',
|
|
|
type: 'warning',
|
|
@@ -263,42 +270,49 @@ const submitAll = () => {
|
|
|
console.log(nodeList)
|
|
|
const isStart = false
|
|
|
for (let i = 0; i < nodeList.length; i++) {
|
|
|
- const element = nodeList[i];
|
|
|
+ const element = nodeList[i]
|
|
|
+ console.log(element)
|
|
|
+ console.log(flowDefinitionNodeObj)
|
|
|
//是办理节点
|
|
|
- if(element.id != 1 && element.shape != "edge") {
|
|
|
- console.log(element)
|
|
|
- if(!flowDefinitionNodeObj.value[element.id]) {
|
|
|
+ if (element.shape != "start-btn" && element.shape != 'edge') {
|
|
|
+
|
|
|
+ if (!flowDefinitionNodeObj.value[element.id]) {
|
|
|
ElMessage({
|
|
|
message: '有节点未配置,请检查节点',
|
|
|
type: 'warning',
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
- submitFormData.flowDefinitionNodeList.push({...flowDefinitionNodeObj.value[element.id],nodeType:2})
|
|
|
+ submitFormData.flowDefinitionNodeList.push({
|
|
|
+ ...flowDefinitionNodeObj.value[element.id],
|
|
|
+ nodeType: 2,
|
|
|
+ })
|
|
|
}
|
|
|
- if(element.id == "1") {
|
|
|
+ if (element.shape == "start-btn") {
|
|
|
submitFormData.flowDefinitionNodeList.push({
|
|
|
- nodeName:'开始',
|
|
|
- nodeType:1,
|
|
|
- id:1,
|
|
|
- nodeButtonSet:'',
|
|
|
- parentId:0,
|
|
|
+ nodeName: '开始',
|
|
|
+ nodeType: 1,
|
|
|
+ id: 1,
|
|
|
+ nodeButtonSet: '',
|
|
|
+ parentId: 0,
|
|
|
})
|
|
|
}
|
|
|
//说明是线
|
|
|
- if(element.shape == "edge") {
|
|
|
- console.log(flowDefinitionNodeObj)
|
|
|
- if(!flowDefinitionNodeObj.value[element.target.cell]) {
|
|
|
+ if (element.shape == 'edge') {
|
|
|
+
|
|
|
+ if (!flowDefinitionNodeObj.value[element.target.cell]) {
|
|
|
ElMessage({
|
|
|
message: '有节点未配置,请检查节点',
|
|
|
type: 'warning',
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
- flowDefinitionNodeObj.value[element.target.cell].id = element.target.cell
|
|
|
- flowDefinitionNodeObj.value[element.target.cell].parentId = element.source.cell
|
|
|
+ flowDefinitionNodeObj.value[element.target.cell].id =
|
|
|
+ element.target.cell
|
|
|
+ flowDefinitionNodeObj.value[element.target.cell].parentId =
|
|
|
+ element.source.cell
|
|
|
submitFormData.flowDefinitionNodeList = []
|
|
|
- }
|
|
|
+ }
|
|
|
}
|
|
|
addVersion()
|
|
|
console.log(flowDefinitionNodeObj.value)
|
|
@@ -307,27 +321,27 @@ const submitAll = () => {
|
|
|
//选取一个随机不重复的正整数id
|
|
|
const randomId = () => {
|
|
|
const id = Math.floor(Math.random() * 100000000000000000)
|
|
|
- if(flowDefinitionNodeObj.value[id]) {
|
|
|
+ if (flowDefinitionNodeObj.value[id]) {
|
|
|
randomId()
|
|
|
} else {
|
|
|
return id
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
const addVersion = () => {
|
|
|
const idObg = {}
|
|
|
for (let i = 0; i < submitFormData.flowDefinitionNodeList.length; i++) {
|
|
|
- const element = submitFormData.flowDefinitionNodeList[i];
|
|
|
- if(element.parentId == null && element.nodeName == '结束') {
|
|
|
+ const element = submitFormData.flowDefinitionNodeList[i]
|
|
|
+ console.log(element)
|
|
|
+ if (element.parentId == null && element.nodeName == '结束') {
|
|
|
ElMessage({
|
|
|
message: '有结束节点未连线,请配置',
|
|
|
type: 'warning',
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
- if(isNaN(element.id)) {
|
|
|
- if(idObg[element.id]) {
|
|
|
+ if (isNaN(element.id)) {
|
|
|
+ if (idObg[element.id]) {
|
|
|
element.id = idObg[element.id]
|
|
|
} else {
|
|
|
const id = randomId()
|
|
@@ -335,8 +349,8 @@ const addVersion = () => {
|
|
|
element.id = id
|
|
|
}
|
|
|
}
|
|
|
- if(isNaN(element.parentId) && element.nodeName != '开始') {
|
|
|
- if(idObg[element.parentId]) {
|
|
|
+ if (isNaN(element.parentId) && element.nodeName != '开始') {
|
|
|
+ if (idObg[element.parentId]) {
|
|
|
element.parentId = idObg[element.parentId]
|
|
|
} else {
|
|
|
const id = randomId()
|
|
@@ -345,34 +359,30 @@ const addVersion = () => {
|
|
|
}
|
|
|
}
|
|
|
//nodeButtonSet转成字符串类型,用逗号隔开
|
|
|
- if(element.nodeButtonSet) {
|
|
|
+ if (element.nodeButtonSet) {
|
|
|
element.nodeButtonSet = element.nodeButtonSet.join(',')
|
|
|
}
|
|
|
}
|
|
|
console.log(submitFormData)
|
|
|
-
|
|
|
- proxy.post('/flowDefinition/addVersion',submitFormData)
|
|
|
- .then((res) => {
|
|
|
- console.log(res)
|
|
|
- ElMessage({
|
|
|
- message: '保存成功',
|
|
|
- type: 'success',
|
|
|
- })
|
|
|
+
|
|
|
+ proxy.post('/flowDefinition/addVersion', submitFormData).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ ElMessage({
|
|
|
+ message: '保存成功',
|
|
|
+ type: 'success',
|
|
|
})
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
//将组数里的id和parentId转换成整正整数类型
|
|
|
const changeId = (arr) => {
|
|
|
for (let i = 0; i < arr.length; i++) {
|
|
|
- const element = arr[i];
|
|
|
+ const element = arr[i]
|
|
|
element.id = parseInt(element.id)
|
|
|
element.parentId = parseInt(element.parentId)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
const deleteFlowDefinitionNodeObj = (id) => {
|
|
|
graph.removeNode(formData.data.id)
|
|
|
delete flowDefinitionNodeObj.value[id]
|
|
@@ -381,8 +391,13 @@ const deleteFlowDefinitionNodeObj = (id) => {
|
|
|
|
|
|
const gethandleObjectList = (e) => {
|
|
|
formData.data.handleObjectId = ''
|
|
|
- if(e === 1) {
|
|
|
- proxy.get('/tenantUser/list?pageNum=1&pageSize=1000&tenantId=' + submitFormData.tenantId,{})
|
|
|
+ if (e === 1) {
|
|
|
+ proxy
|
|
|
+ .get(
|
|
|
+ '/tenantUser/list?pageNum=1&pageSize=1000&tenantId=' +
|
|
|
+ submitFormData.tenantId,
|
|
|
+ {}
|
|
|
+ )
|
|
|
.then((res) => {
|
|
|
formConfig.value[2].data = res.rows.map((item) => {
|
|
|
return {
|
|
@@ -392,10 +407,15 @@ const gethandleObjectList = (e) => {
|
|
|
})
|
|
|
})
|
|
|
}
|
|
|
- if(e === 3 || e === 2) {
|
|
|
- proxy.get('/tenantDept/list?pageNum=1&pageSize=1000&tenantId=' + submitFormData.tenantId,{})
|
|
|
+ if (e === 3 || e === 2) {
|
|
|
+ proxy
|
|
|
+ .get(
|
|
|
+ '/tenantDept/list?pageNum=1&pageSize=1000&tenantId=' +
|
|
|
+ submitFormData.tenantId,
|
|
|
+ {}
|
|
|
+ )
|
|
|
.then((res) => {
|
|
|
- formConfig.value[2].data =res.data.map(item=> {
|
|
|
+ formConfig.value[2].data = res.data.map((item) => {
|
|
|
return {
|
|
|
label: item.deptName,
|
|
|
value: item.deptId,
|
|
@@ -403,11 +423,15 @@ const gethandleObjectList = (e) => {
|
|
|
})
|
|
|
})
|
|
|
}
|
|
|
- if(e === 4) {
|
|
|
-
|
|
|
+ if (e === 4) {
|
|
|
}
|
|
|
- if(e === 5) {
|
|
|
- proxy.get('/tenantRole/list?pageNum=1&pageSize=1000&tenantId=' + submitFormData.tenantId,{})
|
|
|
+ if (e === 5) {
|
|
|
+ proxy
|
|
|
+ .get(
|
|
|
+ '/tenantRole/list?pageNum=1&pageSize=1000&tenantId=' +
|
|
|
+ submitFormData.tenantId,
|
|
|
+ {}
|
|
|
+ )
|
|
|
.then((res) => {
|
|
|
formConfig.value[2].data = res.rows.map((item) => {
|
|
|
return {
|
|
@@ -417,39 +441,34 @@ const gethandleObjectList = (e) => {
|
|
|
})
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
|
|
|
-const getTenantDept = () => {
|
|
|
-
|
|
|
-}
|
|
|
+const getTenantDept = () => {}
|
|
|
getTenantDept()
|
|
|
|
|
|
const recursive = (data) => {
|
|
|
- data.map((item) => {
|
|
|
- item.label = item.deptName;
|
|
|
- item.id = item.deptId;
|
|
|
- if (item.children) {
|
|
|
- recursive(item.children);
|
|
|
- } else {
|
|
|
- item.children = [];
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
+ data.map((item) => {
|
|
|
+ item.label = item.deptName
|
|
|
+ item.id = item.deptId
|
|
|
+ if (item.children) {
|
|
|
+ recursive(item.children)
|
|
|
+ } else {
|
|
|
+ item.children = []
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
|
|
|
const pushRoom = (port: any) => {
|
|
|
console.log(port)
|
|
|
- if(port.node.label == '结束') {
|
|
|
+ if (port.node.shape == 'end-btn') {
|
|
|
flowDefinitionNodeObj.value[port.node.id] = {
|
|
|
- nodeName:'结束',
|
|
|
- nodeType:99,
|
|
|
- id:port.id,
|
|
|
- nodeButtonSet:'',
|
|
|
- parentId:null,
|
|
|
+ nodeName: '结束',
|
|
|
+ nodeType: 99,
|
|
|
+ id: port.id,
|
|
|
+ nodeButtonSet: '',
|
|
|
+ parentId: null,
|
|
|
}
|
|
|
}
|
|
|
- console.log(flowDefinitionNodeObj.value)
|
|
|
}
|
|
|
//用于存储流程定义节点数据
|
|
|
|
|
@@ -466,8 +485,10 @@ const antvInit = () => {
|
|
|
minScale: 0.5,
|
|
|
maxScale: 3,
|
|
|
},
|
|
|
- connecting: {
|
|
|
- router: 'manhattan',
|
|
|
+
|
|
|
+ connecting: {
|
|
|
+ allowLoop:false,
|
|
|
+ // router: 'manhattan',
|
|
|
connector: {
|
|
|
name: 'rounded',
|
|
|
args: {
|
|
@@ -515,19 +536,19 @@ const antvInit = () => {
|
|
|
const stencil = new Stencil({
|
|
|
title: '流程图',
|
|
|
target: graph,
|
|
|
- stencilGraphWidth: 200,
|
|
|
+ stencilGraphWidth: 360,
|
|
|
stencilGraphHeight: 180,
|
|
|
collapsable: true,
|
|
|
groups: [
|
|
|
{
|
|
|
title: '基础流程图',
|
|
|
name: 'group1',
|
|
|
- },
|
|
|
+ },
|
|
|
],
|
|
|
layoutOptions: {
|
|
|
columns: 2,
|
|
|
- columnWidth: 80,
|
|
|
- rowHeight: 55,
|
|
|
+ columnWidth: 170,
|
|
|
+ rowHeight: 100,
|
|
|
},
|
|
|
})
|
|
|
document.getElementById('stencil')!.appendChild(stencil.container)
|
|
@@ -589,8 +610,17 @@ const antvInit = () => {
|
|
|
})
|
|
|
// #endregion
|
|
|
graph.on('cell:click', ({ e, x, y, cell, view }) => {
|
|
|
- console.log(cell)
|
|
|
- if (cell.label === '开始' || cell.label === '结束' || cell.shape === 'edge') {
|
|
|
+ if (cell.shape === 'start-btn') return
|
|
|
+ if(cell.shape === 'end-btn' || cell.shape === 'edge') {
|
|
|
+ ElMessageBox.confirm("是否删除", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }).then(() => {
|
|
|
+ console.log(cell)
|
|
|
+ graph.removeNode(cell.id)
|
|
|
+ // delete flowDefinitionNodeObj.value[id]
|
|
|
+ });
|
|
|
return
|
|
|
}
|
|
|
if (flowDefinitionNodeObj.value[cell.id]) {
|
|
@@ -599,7 +629,7 @@ const antvInit = () => {
|
|
|
formData.data = {
|
|
|
id: cell.id,
|
|
|
cell: cell,
|
|
|
- nodeButtonSet:[1],
|
|
|
+ nodeButtonSet: [1],
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -705,109 +735,35 @@ const antvInit = () => {
|
|
|
},
|
|
|
true
|
|
|
)
|
|
|
-
|
|
|
- Graph.registerNode(
|
|
|
- 'custom-polygon',
|
|
|
- {
|
|
|
- inherit: 'polygon',
|
|
|
- width: 66,
|
|
|
- height: 36,
|
|
|
- attrs: {
|
|
|
- body: {
|
|
|
- strokeWidth: 1,
|
|
|
- stroke: '#5F95FF',
|
|
|
- fill: '#EFF4FF',
|
|
|
- },
|
|
|
- text: {
|
|
|
- fontSize: 12,
|
|
|
- fill: '#262626',
|
|
|
- },
|
|
|
- },
|
|
|
- ports: {
|
|
|
- ...ports,
|
|
|
- items: [
|
|
|
- {
|
|
|
- group: 'top',
|
|
|
- },
|
|
|
- {
|
|
|
- group: 'bottom',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- },
|
|
|
- true
|
|
|
- )
|
|
|
-
|
|
|
- Graph.registerNode(
|
|
|
- 'custom-circle',
|
|
|
- {
|
|
|
- inherit: 'circle',
|
|
|
- width: 45,
|
|
|
- height: 45,
|
|
|
- attrs: {
|
|
|
- body: {
|
|
|
- strokeWidth: 1,
|
|
|
- stroke: '#5F95FF',
|
|
|
- fill: '#EFF4FF',
|
|
|
- },
|
|
|
- text: {
|
|
|
- fontSize: 12,
|
|
|
- fill: '#262626',
|
|
|
- },
|
|
|
- },
|
|
|
- ports: { ...ports },
|
|
|
- },
|
|
|
- true
|
|
|
- )
|
|
|
-
|
|
|
- Graph.registerNode(
|
|
|
- 'custom-image',
|
|
|
- {
|
|
|
- inherit: 'rect',
|
|
|
- width: 52,
|
|
|
- height: 52,
|
|
|
- markup: [
|
|
|
- {
|
|
|
- tagName: 'rect',
|
|
|
- selector: 'body',
|
|
|
- },
|
|
|
- {
|
|
|
- tagName: 'image',
|
|
|
- },
|
|
|
- {
|
|
|
- tagName: 'text',
|
|
|
- selector: 'label',
|
|
|
- },
|
|
|
- ],
|
|
|
- attrs: {
|
|
|
- body: {
|
|
|
- stroke: '#5F95FF',
|
|
|
- fill: '#5F95FF',
|
|
|
- },
|
|
|
- image: {
|
|
|
- width: 26,
|
|
|
- height: 26,
|
|
|
- refX: 13,
|
|
|
- refY: 16,
|
|
|
- },
|
|
|
- label: {
|
|
|
- refX: 3,
|
|
|
- refY: 2,
|
|
|
- textAnchor: 'left',
|
|
|
- textVerticalAnchor: 'top',
|
|
|
- fontSize: 12,
|
|
|
- fill: '#fff',
|
|
|
- },
|
|
|
- },
|
|
|
- ports: { ...ports },
|
|
|
+ register({
|
|
|
+ shape: 'start-btn',
|
|
|
+ width: 150,
|
|
|
+ height: 90,
|
|
|
+ component: startBtn,
|
|
|
+ effect: ["title"],
|
|
|
+ ports: { ...ports },
|
|
|
+ data: {
|
|
|
+ title: 80,
|
|
|
},
|
|
|
- true
|
|
|
- )
|
|
|
- let firstLi = document.createElement('li')
|
|
|
- firstLi.innerText = '指标详情'
|
|
|
- console.log(firstLi)
|
|
|
+ })
|
|
|
+ register({
|
|
|
+ shape: 'handle-btn',
|
|
|
+ width: 150,
|
|
|
+ height: 90,
|
|
|
+ effect: ["title"],
|
|
|
+ component: handleBtn,
|
|
|
+ ports: { ...ports },
|
|
|
+ })
|
|
|
+ register({
|
|
|
+ shape: 'end-btn',
|
|
|
+ width: 150,
|
|
|
+ height: 90,
|
|
|
+ effect: ["title"],
|
|
|
+ component: endBtn,
|
|
|
+ ports: { ...ports },
|
|
|
+ })
|
|
|
const r1 = graph.createNode({
|
|
|
- shape: 'custom-rect',
|
|
|
+ shape: 'start-btn',
|
|
|
label: '开始',
|
|
|
zIndex: 100,
|
|
|
attrs: {
|
|
@@ -816,56 +772,66 @@ const antvInit = () => {
|
|
|
ry: 26,
|
|
|
},
|
|
|
},
|
|
|
- tools: [
|
|
|
- {
|
|
|
- name: 'button',
|
|
|
- args: {
|
|
|
- firstLi,
|
|
|
- },
|
|
|
- },
|
|
|
- ],
|
|
|
+ data: {
|
|
|
+ title: 80,
|
|
|
+ },
|
|
|
+
|
|
|
})
|
|
|
const r2 = graph.createNode({
|
|
|
- shape: 'custom-rect',
|
|
|
+ shape: 'handle-btn',
|
|
|
label: '办理',
|
|
|
- })
|
|
|
- const r3 = graph.createNode({
|
|
|
- shape: 'custom-rect',
|
|
|
+ zIndex: 100,
|
|
|
attrs: {
|
|
|
body: {
|
|
|
- rx: 6,
|
|
|
- ry: 6,
|
|
|
+ rx: 40,
|
|
|
+ ry: 46,
|
|
|
},
|
|
|
},
|
|
|
- label: '分支',
|
|
|
})
|
|
|
- const r4 = graph.createNode({
|
|
|
- shape: 'custom-polygon',
|
|
|
+ const r3 = graph.createNode({
|
|
|
+ shape: 'end-btn',
|
|
|
+ label: '结束',
|
|
|
+ zIndex: 100,
|
|
|
attrs: {
|
|
|
body: {
|
|
|
- refPoints: '0,10 10,0 20,10 10,20',
|
|
|
+ rx: 20,
|
|
|
+ ry: 26,
|
|
|
},
|
|
|
},
|
|
|
- label: '结束',
|
|
|
})
|
|
|
- stencil.load([ r2, r4], 'group1')
|
|
|
+ stencil.load([r2, r3], 'group1')
|
|
|
+ // const startNode = graph.addNode({
|
|
|
+ // shape: 'custom-rect',
|
|
|
+ // label: '开始',
|
|
|
+ // id: 1,
|
|
|
+ // x: 500,
|
|
|
+ // y: 100,
|
|
|
+ // })
|
|
|
+
|
|
|
graph.addNode({
|
|
|
- shape: 'custom-rect',
|
|
|
- label: '开始',
|
|
|
- id: 1,
|
|
|
+ shape: 'start-btn',
|
|
|
x: 500,
|
|
|
- y: 100,
|
|
|
+ y: 20,
|
|
|
+ label: '开始',
|
|
|
+ attrs: {
|
|
|
+
|
|
|
+ },
|
|
|
})
|
|
|
+
|
|
|
}
|
|
|
onMounted(() => {
|
|
|
antvInit()
|
|
|
//获取url router参数
|
|
|
- const router = useRouter();
|
|
|
+ const router = useRouter()
|
|
|
submitFormData.flowInfoId = router.currentRoute.value.query.id
|
|
|
submitFormData.tenantId = router.currentRoute.value.query.tenantId
|
|
|
})
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
+
|
|
|
+.x6-widget-stencil-group-title {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
.x6-widget-stencil-title {
|
|
|
display: none;
|
|
|
}
|
|
@@ -878,15 +844,20 @@ onMounted(() => {
|
|
|
justify-content: space-between;
|
|
|
overflow: hidden;
|
|
|
height: 600px;
|
|
|
+ .x6-graph{
|
|
|
+ width: 100%!important;
|
|
|
+ }
|
|
|
#stencil {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
+ position: fixed;
|
|
|
+ top: 250px;
|
|
|
+ left: 40px;
|
|
|
z-index: 100;
|
|
|
- width: 200px;
|
|
|
+ width: 360px;
|
|
|
height: 500px;
|
|
|
background: #fff;
|
|
|
- border-right: 1px solid #e8e8e8;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #eee;
|
|
|
+ border-radius: 20px;
|
|
|
}
|
|
|
#container {
|
|
|
}
|