iidi
/
cmc-web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 超过 20 条无滑动条

develop
时启龙 2024-11-19 16:45:09 +08:00
parent fff8e458d3
commit f64b12a86a
3 changed files with 44 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
webs/ams-web/src/views/data-collection/plugins/index.vue
View File

@ -1,18 +1,16 @@
<template>
<div>
<div class="wrapper">
<AmsPosition></AmsPosition>
<div class="warpper">
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="template" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<List ref="listRef" :currentModuleId="currentModuleId" @handleCreate="handleCreate" @getDetail="getDetail"></List>
</template>
</split-pane>
<AddData :addData="addData" v-if="visible" @goBack="goBack"></AddData>
<Detail :detail="detail" v-if="detailVisible" @goBack="goBack"></Detail>
</div>
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="template" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<List ref="listRef" :currentModuleId="currentModuleId" @handleCreate="handleCreate" @getDetail="getDetail"></List>
</template>
</split-pane>
<AddData :addData="addData" v-if="visible" @goBack="goBack"></AddData>
<Detail :detail="detail" v-if="detailVisible" @goBack="goBack"></Detail>
</div>
</template>
@ -103,8 +101,13 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
.warpper {
height: calc(100vh);
.wrapper {
background-color: #fff;
}
::v-deep .vue-splitter-container {
display: flex !important;
.splitter-pane {
position: relative !important;
}
}
</style>

29
webs/ams-web/src/views/data-collection/task/index.vue
View File

@ -1,16 +1,14 @@
<template>
<div>
<div class="wrapper">
<AmsPosition></AmsPosition>
<div class="warpper">
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="task" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<Content ref="ListRef" :currentModuleId="currentModuleId"></Content>
</template>
</split-pane>
</div>
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="task" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<Content ref="ListRef" :currentModuleId="currentModuleId"></Content>
</template>
</split-pane>
</div>
</template>
@ -71,8 +69,13 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
.warpper {
height: calc(100vh);
.wrapper {
background-color: #fff;
}
::v-deep .vue-splitter-container {
display: flex !important;
.splitter-pane {
position: relative !important;
}
}
</style>

30
webs/ams-web/src/views/module/index.vue
View File

@ -173,7 +173,16 @@ export default {
},
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.wrapper {
background-color: #fff;
}
::v-deep .vue-splitter-container {
display: flex !important;
.splitter-pane {
position: relative !important;
}
}
.field-item {
margin-top: 10px;
cursor: move;
@ -276,25 +285,6 @@ span.title {
background-color: #dff0d8;
}
.wrapper {
height: calc(100vh - 110px);
.leftC {
height: 100%;
margin-left: 5px;
}
.rightC {
height: 100%;
margin-left: 10px;
}
.float-right {
position: absolute;
right: 10px;
top: 10px;
}
}
.splitter-pane-resizer {
margin-left: 20px;
}