From 3e315de138bc6fd0821b56437804d1bededc582e Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Mon, 22 Mar 2021 13:36:57 -0400
Subject: [PATCH] Popover List Product Info (#679)

* Popover List Product Info

* icon close

* remove icon close
---
 .../ADempiere/Form/VPOS/Options/index.vue     |  4 +--
 .../ADempiere/Form/VPOS/ProductInfo/index.vue | 28 +++++++++----------
 2 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/src/components/ADempiere/Form/VPOS/Options/index.vue b/src/components/ADempiere/Form/VPOS/Options/index.vue
index 04f4441e..8abb2092 100644
--- a/src/components/ADempiere/Form/VPOS/Options/index.vue
+++ b/src/components/ADempiere/Form/VPOS/Options/index.vue
@@ -235,13 +235,11 @@
           <el-col :span="8">
             <el-card shadow="hover">
               <el-popover
-                v-model="isShowProductsPriceList"
                 placement="right"
+                trigger="click"
                 width="800"
-                trigger="manual"
               >
                 <list-product-price
-                  v-if="isShowProductsPriceList"
                   :is-selectable="false"
                   popover-name="isShowPopoverMenu"
                 />
diff --git a/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue b/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue
index eca06f85..bed0f66e 100644
--- a/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue
+++ b/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue
@@ -1,23 +1,21 @@
 <template>
   <div>
-    <el-collapse-transition name="el-fade-in">
-      <el-card
-        v-show="isShowProductsPriceList"
-        class="transition-box"
-      >
-        <product-info-list />
-      </el-card>
-    </el-collapse-transition>
     <el-form-item>
       <template slot="label">
         {{ $t('form.productInfo.codeProduct') }}
-        <el-button
-          v-popover:productsList
-          type="text"
-          icon="el-icon-search"
-          style="color: black"
-          @click="isShowProductsPriceList = !isShowProductsPriceList"
-        />
+        <el-popover
+          placement="right"
+          trigger="click"
+          width="800"
+        >
+          <product-info-list />
+          <el-button
+            slot="reference"
+            type="text"
+            icon="el-icon-search"
+            style="color: black"
+          />
+        </el-popover>
       </template>
 
       <el-autocomplete