27245

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;
   }