换届
This commit is contained in:
shijingjing
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<ai-list class="List">
|
||||
<template slot="title" class="title">
|
||||
<template slot="title">
|
||||
<ai-title title="组织换届" isShowBottomBorder>
|
||||
<template slot="rightBtn">
|
||||
<el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')" >换届设置</el-button>
|
||||
@@ -18,13 +18,17 @@
|
||||
@select="onTreeChange"/>
|
||||
</ai-tree-menu>
|
||||
</template>
|
||||
<template slot="content">
|
||||
<el-tabs v-model="currIndex">
|
||||
<template slot="content" class="content">
|
||||
<el-tabs v-model="currIndex" >
|
||||
<el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
|
||||
<component :ref="String(i)" v-if="currIndex == i" :is="tab.comp" lazy :instance="instance"
|
||||
:dict="dict" :permissions="permissions" v-on="$listeners"/>
|
||||
</el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
<div class="add_btn">
|
||||
<el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')" >新增换届</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
@@ -181,12 +185,17 @@ export default {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
// .add_btn {
|
||||
// position: absolute;
|
||||
// right: 38px;
|
||||
// top: 78px;
|
||||
// }
|
||||
::v-deep .ai-list__content--right {
|
||||
position: relative;
|
||||
|
||||
.add_btn {
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
top: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
::v-deep .audit-0 {
|
||||
color: #FF8822 !important;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,33 @@
|
||||
<template>
|
||||
<section class="history">
|
||||
历史届次hhh
|
||||
</section>
|
||||
<ai-list class="history">
|
||||
<template slot="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<el-button type="primary" icon="iconfont iconEdit" @click="fillupAdd('')">补录</el-button>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-input size="small" placeholder="请输入届次" v-model="search.name" clearable
|
||||
v-throttle="() => {page.current = 1, getList()}"/>
|
||||
<el-button icon="iconfont iconResetting" @click="reset('')">重置</el-button>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="totalJob"
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -12,6 +38,37 @@ export default {
|
||||
permissions: Function,
|
||||
dict: Object,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
search: {
|
||||
name: '',
|
||||
},
|
||||
page: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
colConfigs() {
|
||||
return [
|
||||
{prop: '', label: '届次', align: 'left'},
|
||||
{prop: '', label: '换届日期', align: 'center'},
|
||||
{prop: '', label: '操作时间', align: 'center'},
|
||||
{prop: '', label: '操作人', align: 'center'},
|
||||
{slot: 'options'},
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
fillupAdd() {},
|
||||
reset() {},
|
||||
getList() {}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,61 +1,59 @@
|
||||
<template>
|
||||
<section class="moment">
|
||||
<ai-detail>
|
||||
<template slot="content">
|
||||
<ai-bar title="总体概况">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconEdit" @click="toEdit('')" >修改</el-button>
|
||||
<ai-list class="moment">
|
||||
<template slot="content">
|
||||
<ai-bar title="总体概况">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconEdit" @click="toEdit('')" >修改</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-wrapper>
|
||||
<ai-info-item label="本届换届时间" :value="111" />
|
||||
<ai-info-item label="换届类型" :value="111" />
|
||||
<ai-info-item label="下届换届时间" :value="111" />
|
||||
<ai-info-item label="当前届次" :value="111" />
|
||||
</ai-wrapper>
|
||||
<ai-bar title="本届任职">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加任职人员</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="totalJob"
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<ai-bar title="本届候选人">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加候选人</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="totalJob"
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-wrapper>
|
||||
<ai-info-item label="本届换届时间" :value="111" />
|
||||
<ai-info-item label="换届类型" :value="111" />
|
||||
<ai-info-item label="下届换届时间" :value="111" />
|
||||
<ai-info-item label="当前届次" :value="111" />
|
||||
</ai-wrapper>
|
||||
<ai-bar title="本届任职">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加任职人员</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="totalJob"
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<ai-bar title="本届候选人">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加候选人</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="totalJob"
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</template>
|
||||
</ai-detail>
|
||||
</section>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -103,24 +101,11 @@ export default {
|
||||
|
||||
<style lang="scss" scope>
|
||||
.moment {
|
||||
::v-deep .ai-detail .ai-detail__content .ai-detail__content--wrapper {
|
||||
padding-top: 0;
|
||||
background-color: blue;
|
||||
// ::v-deep .aibar {
|
||||
// height: 40px;
|
||||
// }
|
||||
padding-top: 0 !important;
|
||||
.btn {}
|
||||
|
||||
::v-deep .ai-list .ai-list__single .ai-list__content {
|
||||
padding: 0;
|
||||
}
|
||||
ai-detail {
|
||||
::v-deep .ai-detail__content {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user