Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
vue-flow-editor
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2023-11-22 17:00:27 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
cb88b4bac08ee9f6a77c5eb9bcee309dbfa6f2a6
cb88b4ba
1 parent
0b73c3c6
样式调整
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
64 additions
and
11 deletions
doc/App.vue
doc/selectUserView.vue
src/assets/logo.png
src/editor/vue-flow-editor-menu.tsx
doc/App.vue
View file @
cb88b4b
...
...
@@ -43,7 +43,7 @@
<vue-flow-edit-menu-group label="操作节点" value>
<!-- 注意 key 值的绑定 -->
<vue-flow-edit-menu
v-for="(value, key) in state.control
Config
"
v-for="(value, key) in state.control
List
"
:key="key"
:model="{ control: key, text: value.text, desc: value.desc }"
>
...
...
@@ -137,7 +137,7 @@
<el-col :span="6">可编辑</el-col>
</el-row>
<el-row v-if="!state.search_auth_value" style="width: 100%; padding-left: 10px;">
<el-col :span="12" style="color: #
409eff;
">全选</el-col>
<el-col :span="12" style="color: #
009688
">全选</el-col>
<el-col :span="6" style="padding-left: 5px;"
><el-checkbox
@change="onAuthAllChange"
...
...
@@ -220,7 +220,7 @@
</div>
</div>
<div v-else class="more-attr-set">
<el-button @click="onConfirmMoreAttr(state.more_attr_data)" type="primary" style="width: 100%;">完成</el-button>
<el-button @click="onConfirmMoreAttr(state.more_attr_data)" type="primary"
color="#009688"
style="width: 100%;">完成</el-button>
<div class="more-attr-switch">
<div class="more-attr-title">{{ state.more_attr_data.label }}</div>
<div><el-switch v-model="state.more_attr_data.show" /></div>
...
...
@@ -304,7 +304,7 @@
<!-- 表单底部按钮 -->
<template v-slot:foot>
<div v-if="state.main_attr_set" style="width: 100%; text-align: center;">
<el-button type="primary" @click="saveForm" style="width: 40%;">保存</el-button>
<el-button type="primary"
color="#009688"
@click="saveForm" style="width: 40%;">保存</el-button>
<el-button @click="cancel" style="width: 40%;">关闭</el-button>
</div>
</template>
...
...
@@ -432,32 +432,46 @@ export default {
// img: "https://cdn.ipadbiz.cn/oa/crowd-node.svg"
// }
// },
controlList: {
flow: {
text: '流程节点',
desc: '流程节点',
color: '#ed8383',
img: 'https://cdn.ipadbiz.cn/oa/flow/icons-flow.png',
},
cc: {
text: '抄送节点',
desc: '抄送节点',
color: '#ed8383',
img: 'https://cdn.ipadbiz.cn/oa/flow/icon-cc.png',
},
},
controlConfig: {
start: {
id: 'start-node',
text: '开始',
desc: '开始',
color: '#9283ed',
img: 'https://cdn.ipadbiz.cn/oa/
advertisement-node.sv
g',
img: 'https://cdn.ipadbiz.cn/oa/
flow/icon-start.pn
g',
},
flow: {
text: '流程节点',
desc: '流程节点',
color: '#ed8383',
img: 'https://cdn.ipadbiz.cn/oa/
coupon-node.sv
g',
img: 'https://cdn.ipadbiz.cn/oa/
flow/icons-flow.pn
g',
},
cc: {
text: '抄送节点',
desc: '抄送节点',
color: '#ed8383',
img: 'https://cdn.ipadbiz.cn/oa/
coupon-node.sv
g',
img: 'https://cdn.ipadbiz.cn/oa/
flow/icon-cc.pn
g',
},
end: {
id: 'end-node',
text: '结束',
desc: '结束',
color: '#92dba8',
img: 'https://cdn.ipadbiz.cn/oa/
crowd-node.sv
g',
img: 'https://cdn.ipadbiz.cn/oa/
flow/icon-end.pn
g',
},
},
search_auth_value: '',
...
...
@@ -1296,7 +1310,7 @@ body {
.right {
} */
.active {
color: #
409eff
;
color: #
009688
;
}
}
.content:hover .btn-action {
...
...
@@ -1335,4 +1349,22 @@ body {
font-size: 14px;
}
}
.el-tabs__item.is-active, .el-radio-button__inner:hover {
color: #009688 !important;
}
.el-tabs__active-bar, .el-radio-button__original-radio:checked+.el-radio-button__inner {
background-color: #009688!important;
}
.el-tag {
background-color: #009688!important;
color: white !important;
}
.el-tag .el-tag__close, .el-radio-button__original-radio:checked+.el-radio-button__inner:hover {
color: white !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-switch.is-checked .el-switch__core {
background-color: #009688!important;
border-color: #009688!important;
}
</style>
...
...
doc/selectUserView.vue
View file @
cb88b4b
<!--
* @Date: 2023-11-01 10:18:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-11-22 1
5:46:03
* @LastEditTime: 2023-11-22 1
6:51:48
* @FilePath: /vue-flow-editor/doc/selectUserView.vue
* @Description: 成员列表选择控件
-->
...
...
@@ -349,7 +349,12 @@ watch(() => {
dialogUserFormVisible.value = true;
} else {
dialogUserFormVisible.value = false;
// 用户选择弹框关闭时,清空数据
is_active_search.value = false;
userTabType.value = "corp-tree";
activeTabId.value = "tab-corp";
activeTabIdx.value = 0;
tabOffset.value = 0;
}
});
...
...
@@ -851,6 +856,7 @@ const onSearchInput = (val) => {
.el-input-group__append {
width: 100px !important;
padding: 0 !important;
box-shadow: none!important;
}
.search-group {
display: flex;
...
...
@@ -871,4 +877,12 @@ const onSearchInput = (val) => {
}
}
}
.el-tag {
background-color: #009688!important;
color: white !important;
}
.el-tag .el-tag__close {
color: white !important;
}
</style>
...
...
src/assets/logo.png
0 → 100644
View file @
cb88b4b
16.2 KB
src/editor/vue-flow-editor-menu.tsx
View file @
cb88b4b
/*
* @Date: 2023-10-27 09:29:59
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-11-22 16:16:48
* @FilePath: /vue-flow-editor/src/editor/vue-flow-editor-menu.tsx
* @Description: 文件描述
*/
import {computed, inject} from "vue";
import {VueFlowEditorProvider} from "@/editor/editor";
import {suffixSize} from "@/utils/utils";
const logo = require('../assets/
vue-flow-editor
.png')
const logo = require('../assets/
logo
.png')
interface Menu {
name: string,
...
...
Please
register
or
login
to post a comment