kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整组织换届的布局

Browse Source
This commit is contained in:
aixianling
2022-10-28 16:32:02 +08:00
parent 3284aaca02
commit e0b7c76b9a
2 changed files with 25 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
project/pingchang/apps/AppOrganizationChange/components/List.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<ai-list class="List"> <ai-detail list class="List">
<template slot="title"> <template slot="title">
<ai-title title="组织换届" isShowBottomBorder> <ai-title title="组织换届" isShowBottomBorder>
<template #rightBtn> <template #rightBtn>
@@ -8,7 +8,7 @@
</template> </template>
</ai-title> </ai-title>
</template> </template>
<template #left> <el-row slot="content" type="flex">
<ai-tree-menu title="组织目录" searchPlaceholder="请输入组织名称" @search="onSearch"> <ai-tree-menu title="组织目录" searchPlaceholder="请输入组织名称" @search="onSearch">
<ai-party-tree <ai-party-tree
:filter-node-method="filterNode" :filter-node-method="filterNode"
@@ -18,15 +18,16 @@
:current-node-key="selected.id" :current-node-key="selected.id"
@select="onTreeChange"/> @select="onTreeChange"/>
</ai-tree-menu> </ai-tree-menu>
</template> <el-scrollbar class="fill mar-l16 mainContent">
<template slot="content" class="content"> <ai-card title="当前届次">
<el-tabs v-model="currIndex"> <moment slot="content" :selected="selected" v-on="$listeners" :hasConfig.sync="hasConfig"/>
<el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label"> </ai-card>
<component :ref="tab.name" v-if="currIndex==i" :is="tab.comp" lazy :selected="selected" v-on="$listeners" :hasConfig.sync="hasConfig"/> <ai-card title="历史届次" v-if="hasConfig">
</el-tab-pane> <history slot="content" :selected="selected" v-on="$listeners"/>
</el-tabs> </ai-card>
</template> </el-scrollbar>
</ai-list> </el-row>
</ai-detail>
</template> </template>
<script> <script>
@@ -81,45 +82,22 @@ export default {
.List { .List {
position: relative; position: relative;
.party-table__btns { ::v-deep.ai-detail__content--wrapper {
display: flex; height: 100%;
align-items: center;
& > * {
height: inherit;
} }
.set_btn { .mainContent {
position: absolute; .el-scrollbar__wrap {
right: 20px; overflow-x: hidden;
top: 8px;
}
::v-deep .ai-list__content--right {
position: relative;
.add_btn {
position: absolute;
right: 18px;
top: 11px;
} }
} }
.AiTreeMenu {
::v-deep .audit-0 { min-width: 300px;
color: #FF8822 !important; box-shadow: 0 4px 6px -2px rgb(15 15 21 / 15%);
}
::v-deep .audit-1 {
color: #2EA222 !important;
}
::v-deep .ai-list__content--right {
flex: 1;
min-width: 0;
margin-left: 1px;
box-shadow: none;
.ai-list__content--right-wrapper {
width: 100%;
padding-top: 0;
} }
} }

5
project/pingchang/apps/AppOrganizationChange/components/history.vue
View File

@@ -2,7 +2,7 @@
<section class="history"> <section class="history">
<ai-search-bar> <ai-search-bar>
<template #left> <template #left>
<el-button type="primary" icon="iconfont iconEdit" v-if="hasConfig" @click="$router.push({hash:'#makeup',query:{oid}})">补录</el-button> <el-button type="primary" icon="iconfont iconEdit" @click="$router.push({hash:'#makeup',query:{oid}})">补录</el-button>
</template> </template>
<template #right> <template #right>
<el-input size="small" placeholder="请输入届次" v-model="search.name" clearable <el-input size="small" placeholder="请输入届次" v-model="search.name" clearable
@@ -28,9 +28,6 @@ export default {
instance: {}, instance: {},
dict: {} dict: {}
}, },
props: {
hasConfig: Boolean
},
data() { data() {
return { return {
search: { search: {