center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix: 自定义SQL编辑页无法调节左侧侧边栏宽度 #6535

Browse Source
This commit is contained in:
dataeaseShu 2023-11-08 16:00:41 +08:00
parent 303be6026e
commit 674b3fbe66
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
View File

@ -159,6 +159,18 @@ const calculateHeight = (e: MouseEvent) => {
dragHeight.value = e.pageY - 164
}
const calculateWidth = (e: MouseEvent) => {
if (e.pageX < 240) {
LeftWidth.value = 240
return
}
if (e.pageX > 400) {
LeftWidth.value = 400
return
}
LeftWidth.value = e.pageX
}
const insertParamToCodeMirror = (value: string) => {
codeCom.value.dispatch({
changes: { from: 0, to: codeCom.value.state.doc.toString().length, insert: '' }
@ -329,6 +341,7 @@ const copyInfo = async (value: string) => {
const mouseupDrag = () => {
const dom = document.querySelector('.sql-eidtor')
dom.removeEventListener('mousemove', calculateWidth)
dom.removeEventListener('mousemove', calculateHeight)
}
@ -377,7 +390,7 @@ const saveVariable = () => {
ElMessage.success('参数设置成功')
}
const mousedownDrag = () => {
document.querySelector('.sql-eidtor').addEventListener('mousemove', calculateHeight)
document.querySelector('.sql-eidtor').addEventListener('mousemove', calculateWidth)
}
</script>