vue实现多列穿梭框

如图所示：

页面布局

<template>
  <el-dialog
    top="15vh"
    width="80%"
    :visible.sync="visible"
    :append-to-body="true"
    @close="visible = false"
    destroy-on-close="true"
  >
    <div style="height: 400px">
    <el-form  ref="searchForm" :inline="true" label-width="100px" size="small" :model="queryParams" class="demo-form-inline">
      <el-row style="margin-bottom: 10px">
        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
          <el-form-item label="关键字" prop="gjz">
            <el-input
              v-model="ry.number"
              placeholder="关键字"
              clearable
              size="small"
            />
          </el-form-item>
        </el-col>
        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
          　　&nbsp;
        </el-col>
        <el-c