菜单上移下移样式修改

This commit is contained in:
jingna 2025-07-04 18:24:17 +08:00
parent 63dde77ddf
commit db9197061a
14 changed files with 644 additions and 451 deletions

View File

@ -4,4 +4,9 @@ export const getMenuTree = params => request.post({ url: '/menuInterface/getMenu
export const addMenu = data => request.post({ url: '/menuInterface/addMenu', data }) // 新增菜单 export const addMenu = data => request.post({ url: '/menuInterface/addMenu', data }) // 新增菜单
export const updateMenuById = data => request.post({ url: '/menuInterface/updateMenuById', data }) //修改菜单 export const updateMenuById = data => request.post({ url: '/menuInterface/updateMenuById', data }) //修改菜单
export const deleteMenuById = id => request.post({ url: '/menuInterface/deleteMenuById?id=' + id }) //删除菜单 export const deleteMenuById = id => request.post({ url: '/menuInterface/deleteMenuById?id=' + id }) //删除菜单
export const setModuleId = params => request.post({ url: '/menuInterface/setModuleId',params }) //关联模块 export const setModuleId = params => request.post({ url: '/menuInterface/setModuleId',params }) //关联模块
export const changeOrder = params => request.post({ url: '/menuInterface/changeOrder',params }) //上移下移模块
export const moveMenu = params => request.post({ url: '/menuInterface/moveMenu',params }) //移动菜单
//192.168.1.20:8100/de2api/menuInterface/moveMenu?menuId=1926935293735411714&targetParentId=1930886238383067138
// http://192.168.1.20:8100/de2api/menuInterface/changeOrder?menuId=1926935415483473921&direction=down

View File

@ -638,7 +638,7 @@ const onComponentNameChange = () => {
} }
.ed-select-dropdown__item.is-hovering { .ed-select-dropdown__item.is-hovering {
background: #434343 !important; background: transparent !important;
} }
.ed-select-dropdown__item { .ed-select-dropdown__item {
@ -667,8 +667,9 @@ const onComponentNameChange = () => {
border:1px solid #636363 !important; border:1px solid #636363 !important;
} }
.ed-select__wrapper.is-disabled{ .ed-select__wrapper.is-disabled{
background-color:#434343; background-color:#2f2f2f;
box-shadow:0 0 0 1px #787878 inset; box-shadow:none;
border: 1px solid #636363;
} }
.ed-checkbox__input .ed-checkbox__inner:after{ .ed-checkbox__input .ed-checkbox__inner:after{
background: transparent!important; background: transparent!important;

View File

@ -1118,7 +1118,7 @@ defineExpose({
.preview { .preview {
margin-top: 5px; margin-top: 5px;
border: 1px solid #e6e6e6; border: 1px solid #434343;
border-radius: 4px; border-radius: 4px;
height: 470px !important; height: 470px !important;
overflow: hidden; overflow: hidden;
@ -1254,11 +1254,11 @@ defineExpose({
text-overflow: ellipsis; text-overflow: ellipsis;
border-radius: 4px; border-radius: 4px;
border: 1px solid #dee0e3; border: 1px solid #434343;
background: #fff; background: #212121;
color: var(--neutral-900, #1f2329); color: var(--neutral-900, #ffffff);
/* 中文/桌面端/正文 14 22 Regular */ /* 中文/桌面端/正文 14 22 Regular */
font-family: var(--de-custom_font, 'PingFang'); font-family: var(--de-custom_font, 'PingFang');
font-size: 14px; font-size: 14px;
@ -1421,7 +1421,7 @@ span {
.top-area-value { .top-area-value {
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #1f2329; color: #ffffff;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -1492,7 +1492,7 @@ span {
color: var(--deTextDisable); color: var(--deTextDisable);
} }
.outer-content-mirror { .outer-content-mirror {
border: 1px solid #bbbfc4; border: 1px solid #434343;
border-radius: 4px; border-radius: 4px;
height: calc(100% - 30px); height: calc(100% - 30px);
width: 100%; width: 100%;
@ -1505,13 +1505,13 @@ span {
font-size: 14px; font-size: 14px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
color: #1f2329; color: #ffffff;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.outer-content-right { .outer-content-right {
border: 1px solid #bbbfc4; border: 1px solid #434343;
border-radius: 4px; border-radius: 4px;
height: calc(100% - 30px); height: calc(100% - 30px);
width: 100%; width: 100%;
@ -1578,7 +1578,7 @@ span {
--ed-tabs-header-height: 36px; --ed-tabs-header-height: 36px;
margin-bottom: 12px; margin-bottom: 12px;
position: sticky; position: sticky;
background: #fff; background: #212121;
.ed-tabs__header { .ed-tabs__header {
&::before { &::before {
content: ''; content: '';
@ -1587,7 +1587,7 @@ span {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: #1f232926; background: #ffffff;
} }
} }
} }
@ -1597,7 +1597,7 @@ span {
} }
:deep(.ed-tabs__item):not(.is-active) { :deep(.ed-tabs__item):not(.is-active) {
color: #646a73; color: #ffffff;
} }
} }

View File

@ -883,7 +883,7 @@ span {
.top-area-value { .top-area-value {
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #1f2329; color: #ffffff;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

View File

@ -448,7 +448,7 @@ span {
.top-area-value { .top-area-value {
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #1f2329; color: #ffffff;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

View File

@ -11,6 +11,7 @@ import {
keymap keymap
} from '@codemirror/view' } from '@codemirror/view'
import { propTypes } from '@/utils/propTypes' import { propTypes } from '@/utils/propTypes'
import { nextTick } from 'vue'
const props = defineProps({ const props = defineProps({
domId: propTypes.string.def('editor'), domId: propTypes.string.def('editor'),
@ -24,7 +25,7 @@ const props = defineProps({
}) })
const emits = defineEmits(['change']) const emits = defineEmits(['change'])
const codeComInit = (doc: string, sqlMode?: boolean) => { const codeComInit = async (doc: string, sqlMode?: boolean) => {
function _optionalChain(ops) { function _optionalChain(ops) {
let lastAccessLHS = undefined let lastAccessLHS = undefined
let value = ops[0] let value = ops[0]
@ -129,6 +130,9 @@ const codeComInit = (doc: string, sqlMode?: boolean) => {
}) })
] ]
: [basicSetup, placeholders, keymap.of([indentWithTab])] : [basicSetup, placeholders, keymap.of([indentWithTab])]
// DOM
await nextTick()
return new EditorView({ return new EditorView({
doc, doc,
extensions: extensionsAttach, extensions: extensionsAttach,

View File

@ -774,7 +774,7 @@ background: #434343;
} }
.ed-select-dropdown__item.is-hovering { .ed-select-dropdown__item.is-hovering {
background: #434343 !important; background: transparent !important;
} }
.ed-select-dropdown__item { .ed-select-dropdown__item {

View File

@ -538,14 +538,13 @@ function mouseleave() { // 鼠标移出遮罩层
} }
</style> </style>
<style> <style>
.ed-select__wrapper {
background-color: #252626 !important;
border: 1px solid #434343 !important;
box-shadow: none !important;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 0px !important; width: 0px !important;
height: 0px !important; height: 0px !important;
} }
.ed-dialog__header {
padding: 0px !important;
padding-bottom: 10px !important;
}
</style> </style>

View File

@ -114,6 +114,8 @@ onMounted(() => {
navmenulist.value = props.menuList navmenulist.value = props.menuList
navtitle.value = props.projectName navtitle.value = props.projectName
userList.value = wsCache.get('Permission-userinfo') userList.value = wsCache.get('Permission-userinfo')
checkindex.value = 0
menuclick(checkindex.value)
}) })
onBeforeUnmount(() => { onBeforeUnmount(() => {

View File

@ -1743,7 +1743,7 @@ border-right: 1px solid rgba(54, 54, 54, 1)
background: #3f3f3f !important; background: #3f3f3f !important;
} }
.ed-table th.ed-table__cell:hover{ .ed-table th.ed-table__cell:hover{
background-color: #282828; background-color: #282828 !important;
} }
.ed-table.is-scrolling-right th.ed-table-fixed-column--right{ .ed-table.is-scrolling-right th.ed-table-fixed-column--right{
background-color: #434343 !important; background-color: #434343 !important;

View File

@ -1324,4 +1324,7 @@ defineExpose({
.ed-step__title.is-process{ .ed-step__title.is-process{
color: #ffffff; color: #ffffff;
} }
.ed-input-number.is-controls-right .ed-input-number__decrease [class*=ed-icon], .ed-input-number.is-controls-right .ed-input-number__increase [class*=ed-icon]{
color: #ffffff !important;
}
</style> </style>

View File

@ -2651,7 +2651,7 @@ border-right: 1px solid rgba(54, 54, 54, 1);
} }
.ed-select-dropdown__item.is-hovering { .ed-select-dropdown__item.is-hovering {
background: #393939; background: transparent;
} }
.ed-select-dropdown__item { .ed-select-dropdown__item {
@ -2662,7 +2662,7 @@ border-right: 1px solid rgba(54, 54, 54, 1);
border-top: 1px solid #434343 !important; border-top: 1px solid #434343 !important;
} }
.ed-table th.ed-table__cell:hover{ .ed-table th.ed-table__cell:hover{
background-color: #282828; background-color: #282828 !important;
} }
.ed-dialog__header { .ed-dialog__header {
padding: 0px !important; padding: 0px !important;

View File

@ -448,7 +448,7 @@ span {
.top-area-value { .top-area-value {
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #1f2329; color: #ffffff;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;