<template>
  <el-popover placement="bottom" style="min-width: 357px" v-model="departmentVisible">
    <dm-simple-transfer v-model="checked" :data="data" :item-size="56" :titles="['选择门店', '已选门店']" filterable filter-placeholder="请输入门店名称/code">
      <div slot-scope="{ option }">
        <p>{{ option.label }}</p>
        <p style="font-size: 12px;line-height: 18px">{{ option.key }}</p>
      </div>
    </dm-simple-transfer>

    <div class="flex-column item-cell-select inline-block " slot="reference">
      <el-input></el-input>
    </div>
  </el-popover>
</template>

<script>
export default {
  data() {
    return {
      checked: [],
      data: []
    };
  }
};
</script>

<style></style>
