26299

packages/3.0.0/AppMeetingChinaunion/components/add.vue

@@ -27,7 +27,7 @@
                             ref="appThreeMeetingOrganizationList">
                 <div class="organ" @click="showDialogVisible()">
                           <span v-if="form.appThreeMeetingOrganizationList.length">
-                            <span v-for="(item,i) in form.appThreeMeetingOrganizationList" :key="item.name"
+                            <span v-for="(item,i) in form.appThreeMeetingOrganizationList" :key="item.id"
                                   class="organzation">{{ item.name || item.organizationName }}
                                 <span class="iconfont iconOverrule" @click.stop="delate(i)"></span>
                             </span>
@@ -82,8 +82,8 @@
                       <img :src="item.avatarUrl" alt="" v-if="item.avatarUrl"
                            style="position: absolute;left: 0;top:0;">
                       <div
-                          style="overflow: hidden;width:40px;white-space: nowrap;background-color:#2266FF;border-radius:50%;"
-                          v-else>{{ item.name }}
+                          style="overflow: hidden;width:40px;height: 40px;white-space: nowrap;background-color:#2266FF;border-radius:50%;"
+                          v-else>{{ item.name ? item.name.substr(item.name.length - 2, 2) : '' }}
                       </div>
                       <span class="host">主持人</span>
                       <span class="iconfont del-icon iconOverrule" @click.stop="deletePerson(index)"></span>
@@ -104,7 +104,6 @@
                       v-if="isShowChooseUser"
                       :disable="hostDisable"
                       :area-id="areaId"
-                      :meta="[1]"
                       :partyOrgList="form.appThreeMeetingOrganizationList"
                       @change="handleSelectParty">
                     <div class="select-person add-person">
@@ -253,7 +252,7 @@
               </el-button>
             </p>
             <div class="add_tag" v-if="selectParty.length" style="width:100%;">
-              <el-tag v-for="(item,i) in selectParty" :disable-transitions="true" :key="item.name" type="info">
+              <el-tag v-for="(item,i) in selectParty" :disable-transitions="true" :key="item.id" type="info">
                 {{ item.name }}
                 <span class="iconfont iconOverrule icon-color89B" style="float: right;"
                       @click.stop="cancelSelect(i)"></span>
@@ -805,9 +804,11 @@ export default {
         color: #fff;
         position: relative;
 
-        img {
+        img, div {
           width: 40px;
           height: 40px;
+          line-height: 40px;
+          text-align: center;
           border-radius: 50%;
         }
 
@@ -822,6 +823,13 @@ export default {
           border-radius: 50%;
           background-color: #fff;
         }
+
+        .host {
+          top: 50%;
+          left: 50%;
+          line-height: 40px;
+          transform: translate(-50%, -50%);
+        }
       }
 
       .person-name {