|  |  | 
 |  |  |       @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> |