From cf68e80e5105cd8b255e0078382c3308d39df26a Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Mon, 23 Nov 2020 17:50:10 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E5=BC=80=E9=97=A8=E7=BA=A2=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E4=B8=9A=E7=BB=A9/=E6=9C=BA=E6=9E=84=E6=8E=92?=
 =?UTF-8?q?=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 动态改变页面高度增加参数, 增加宽度和表格是否展示更多
---
 src/views/ebiz/product/HomeProduct.vue | 29 +++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/views/ebiz/product/HomeProduct.vue b/src/views/ebiz/product/HomeProduct.vue
index 73aa5a5ef..4c5df9749 100644
--- a/src/views/ebiz/product/HomeProduct.vue
+++ b/src/views/ebiz/product/HomeProduct.vue
@@ -88,7 +88,10 @@
                   <td>{{ org.bzbf | blankFilter }}</td>
                 </tr>
                 <tr v-if="performanceData.length === 0">
-                  <td :colspan="theads.length" style="text-align: left; padding-left: 22%;">暂无数据</td>
+                  <td :colspan="theads.length" style="text-align: left; padding-left: 25%;">
+                    <span v-if="isTableDataLoad">暂无数据</span>
+                    <van-loading v-if="!isTableDataLoad" type="spinner" />
+                  </td>
                 </tr>
               </template>
             </table>
@@ -122,15 +125,20 @@
 </template>
 
 <script>
+import { Loading } from 'vant'
 import performance from '@/assets/images/goodStart/performanceIcon.png'
 import product from '@/assets/images/goodStart/product.png'
 import { getAgentInfo } from '@/api/ebiz/my/my'
 import { getCongratulationList } from '@/api/ebiz/congratulation/congratulation.js'
 import dateUtil from '@/assets/js/utils/date-utils.js'
 export default {
+  components: {
+    [Loading.name]: Loading
+  },
   data() {
     return {
       idMoreDataShow: false,
+      isTableDataLoad: false,
       performance,
       product,
       isGoodStart: true,
@@ -163,6 +171,17 @@ export default {
       } else {
         this.performanceData = data.content.list
       }
+      this.$nextTick(() => {
+        const width = this.$refs.product.offsetWidth
+        const height = this.$refs.product.offsetHeight
+        console.log('after width: ', width)
+        console.log('after height: ', height)
+        window.EWebBridge.webCallAppInJs('updateWebHeight', {
+          width,
+          height,
+          isLoadMore: this.isLoadMore
+        })
+      })
     },
     async getAgentInfo() {
       const result = await getAgentInfo({})
@@ -173,10 +192,14 @@ export default {
     showMore() {
       this.idMoreDataShow = !this.idMoreDataShow
       this.$nextTick(() => {
+        const width = this.$refs.product.offsetWidth
         const height = this.$refs.product.offsetHeight
-        console.log('after: ', height)
+        console.log('after width: ', width)
+        console.log('after height: ', height)
         window.EWebBridge.webCallAppInJs('updateWebHeight', {
-          height
+          width,
+          height,
+          isLoadMore: this.isLoadMore
         })
       })
     },