30770

project/sass/apps/Announce/AppAnnounce/components/Add.vue

@@ -25,9 +25,10 @@
                   <div class="AppAnnounceDetail-select">
                     <el-input size="small" class="AppAnnounceDetail-select__input" placeholder="请选择..." disabled v-model="form.wxGroupsName"></el-input>
                     <div class="select-left" v-if="form.wxGroups.length">
-                      <span v-for="(item, index) in form.wxGroups" :key="index">
+                      <span v-for="(item, index) in form.wxGroups" :key="index" v-if="index < 4">
                         <ai-open-data type="userName" :openid="item.groupOwnerId"></ai-open-data>
                       </span>
+                      <em v-if="form.wxGroups.length > 4">等{{ form.wxGroups.length }}个</em>
                     </div>
                     <i v-if="!form.wxGroups.length">请选择</i>
                     <ai-picker
@@ -64,10 +65,10 @@
                       </div>
                     </div>
                     <el-popover
-                        placement="top"
-                        width="340"
-                        offset="0"
-                        trigger="hover">
+                      placement="top"
+                      width="340"
+                      offset="0"
+                      trigger="hover">
                       <div class="add-item" slot="reference" style="width: max-content;">
                         <img src="https://cdn.cunwuyun.cn/dvcp/announce/add.png"/>
                         <span style="color: #2266FF; font-size: 12px;">添加附件类型</span>
@@ -844,6 +845,15 @@ export default {
         border-right: 1px solid #D0D4DC;
         background: #fff;
 
+        em {
+          height: 22px;
+          line-height: 22px;
+          margin: 0 4px 5px 0;
+          color: #222222;
+          font-size: 12px;
+          font-style: normal;
+        }
+
         span {
           height: 22px;
           line-height: 22px;