|  |  |  | 
|---|
|  |  |  | @current-change="getList" | 
|---|
|  |  |  | :pagination="pagination" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <el-dialog | 
|---|
|  |  |  | <GlobalWindow | 
|---|
|  |  |  | :title="param.id ? '编辑月台' : '新增月台'" | 
|---|
|  |  |  | :visible.sync="isShowEdit" | 
|---|
|  |  |  | width="800px" | 
|---|
|  |  |  | :confirm-working="subLoading" | 
|---|
|  |  |  | @confirm="handleSub" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-form | 
|---|
|  |  |  | :model="param" | 
|---|
|  |  |  | 
|---|
|  |  |  | :titles="['待添加月台', '已添加月台']" | 
|---|
|  |  |  | v-model="param.sel" | 
|---|
|  |  |  | :data="data" | 
|---|
|  |  |  | class="transfer" | 
|---|
|  |  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </el-transfer> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <span slot="footer" class="dialog-footer"> | 
|---|
|  |  |  | <el-button @click="isShowEdit = false">取消</el-button> | 
|---|
|  |  |  | <el-button type="primary" @click="handleSub">确定</el-button> | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </el-dialog> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import QueryForm from '@/components/common/QueryForm' | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | Pagination, | 
|---|
|  |  |  | QueryForm | 
|---|
|  |  |  | QueryForm, | 
|---|
|  |  |  | GlobalWindow | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | filters: {}, | 
|---|
|  |  |  | loading: false, | 
|---|
|  |  |  | subLoading: false, | 
|---|
|  |  |  | queryFormConfig: { | 
|---|
|  |  |  | formItems: [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | handleSub () { | 
|---|
|  |  |  | this.isShowEdit = false | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList (page) { }, | 
|---|
|  |  |  | clear () { }, | 
|---|
|  |  |  | handleEdit (row) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | .transfer { | 
|---|
|  |  |  | height: 600px; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep .el-transfer-panel { | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep .el-transfer-panel__body { | 
|---|
|  |  |  | height: 500px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep .el-transfer-panel__list.is-filterable { | 
|---|
|  |  |  | height: 480px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|