From c8cb33b723bc0aa50a85988888b1d1a5a1d2e365 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Fri, 11 Feb 2022 14:33:19 +0800
Subject: [PATCH] 27245

---
 .../apps/AppGridBlock/components/list.vue     | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/project/sass/apps/AppGridBlock/components/list.vue b/project/sass/apps/AppGridBlock/components/list.vue
index 76225c20..0fb97bfa 100644
--- a/project/sass/apps/AppGridBlock/components/list.vue
+++ b/project/sass/apps/AppGridBlock/components/list.vue
@@ -115,7 +115,11 @@
             fixed="right"
             width="160">
             <template slot-scope="{ row }">
-              <AiOpenData type="userName" v-for="(item, index) in row.girdMemberNames" :openid="item" :key="index"></AiOpenData>
+              <div class="flex-box">
+                <div v-for="(item, index) in row.girdMemberNames" v-show="index < 3" :key="index">
+                  <AiOpenData type="userName" :openid="item"></AiOpenData><span v-if="index < row.girdMemberNames.length - 1">、</span>
+                </div>
+              </div>
             </template>
           </el-table-column>
           <el-table-column
@@ -190,8 +194,10 @@
 
 <script>
 import AMapLoader from "@amap/amap-jsapi-loader";
+import Template from '../../../../../packages/wechat/AppAskForm/components/Template.vue';
 
 export default {
+  components: { Template },
   name: "List",
   label: "网格区块",
   props: {
@@ -649,6 +655,21 @@ export default {
     }
   }
 
+  .flex-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+
+    & > div {
+      display: flex;
+    }
+  }
+
   .mt10 {
     padding: 8px 0;
   }