BruceSun
/
SAMS
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 新增流程设计器color-picker

rf
tony 2022-12-25 10:49:55 +08:00
parent b57ccd6a8f
commit ff0cf07746
3 changed files with 220 additions and 208 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ruoyi-ui/package.json
View File

@ -39,6 +39,7 @@
"@riophae/vue-treeselect": "0.4.0",
"axios": "0.24.0",
"bpmn-js": "^11.1.0",
"bpmn-js-color-picker": "^0.5.0",
"clipboard": "2.0.8",
"core-js": "3.25.3",
"diagram-js": "^11.4.1",

8
ruoyi-ui/public/index.html
View File

@ -193,6 +193,14 @@
color: #FFF;
opacity: 0.5;
}
/* COLOR PICKER */
.djs-popup.color-picker .entry {
margin: 0;
}
.djs-popup.color-picker .djs-popup-group {
display: grid;
grid: auto-flow / 1fr 1fr 1fr;
}
</style>
</head>
<body>

3
ruoyi-ui/src/components/Process/index.vue
View File

@ -58,6 +58,8 @@ import getInitStr from './flowable/init'
// 引入flowable的节点文件
import FlowableModule from './flowable/flowable.json'
import customControlsModule from './customPanel'
import BpmnColorPickerModule from 'bpmn-js-color-picker';
export default {
name: 'WorkflowBpmnModeler',
components: {
@ -108,6 +110,7 @@ export default {
container: this.$refs.canvas,
additionalModules: [
customControlsModule,
BpmnColorPickerModule,
{ //汉化
translate: ['value', customTranslate]
},