同步

src/components/calendar.vue

@@ -116,21 +116,58 @@
       ref="popover"
     >
     <div class="pop-header">
-        <p>{{selectEventInfo.ActivityType?`${selectEventInfo.RoadshowType}${selectEventInfo.ActivityType}`:'事项'}}</p>
+        <template v-if="fromCode==='meet'">
+            <p>{{selectEventInfo[0]?selectEventInfo[0].ActivityType:''}}</p>
+        </template>
+        <template v-else>
+            <p>{{selectEventInfo.ActivityType?`${selectEventInfo.RoadshowType}${selectEventInfo.ActivityType}`:'事项'}}</p>
+        </template> 
         <i
             class="close-icon el-icon-close"
             @click="closeIconClick"
         ></i>
     </div>
       <div class="popover-body">
-        <!-- 换行的内容需要对齐,所以dom结构设置成了下面这样 -->
-        <div class="content-item" v-for="item in popContentArr" :key="item.key">
-            <span class="label">{{item.label}}</span>
-            <div class="content">
-                <p>{{item.content}}</p>
-                <p v-if="item.otherContent" class="other-text">{{item.otherContent}}</p>
-            </div>
+        <template v-if="fromCode==='meet'">
+            <div v-for="item in selectEventInfo" :key="item.RsCalendarId" class="popover-event-item">
+          <p>
+            <template v-if="$moment(item.minTime).format('YYYY-MM-DD') === $moment(item.maxTime).format('YYYY-MM-DD')">
+              {{
+                `${$moment(item.minTime).format("MM.DD")}
+                (${$moment(item.minTime).format('ddd')}) 
+                ${$moment(item.minTime).format('HH:mm')} - 
+                ${$moment(item.maxTime).format('HH:mm')}`
+              }}
+            </template>
+            <template v-else>
+              {{
+                `${$moment(item.minTime).format("MM.DD")}
+                (${$moment(item.minTime).format('ddd')}) 
+                ${$moment(item.minTime).format('HH:mm')} - 
+                ${$moment(item.maxTime).format("MM.DD")}
+                (${$moment(item.maxTime).format('ddd')}) 
+                ${$moment(item.maxTime).format('HH:mm')}`
+              }}
+            </template>
+          </p>
+          <p>{{ item.title }}</p>
+          <p>研究员：{{ item.total_rs_name }}</p>
+          <p v-if="item.CompanyName" >{{ `${item.CompanyName}${item.CompanyStatus ? '('+ item.CompanyStatus + ')' : ''}` }}</p>
+          <p v-if="item.Theme">会议主题：{{ item.Theme }}</p>
+          <p v-if="item.CooperationName">合作方名称：{{ item.CooperationName }}</p>
+          <p>发起人：{{item.SysUserRealName}}</p>
         </div>
+        </template>
+        <template v-else>
+            <!-- 换行的内容需要对齐,所以dom结构设置成了下面这样 -->
+            <div class="content-item" v-for="item in popContentArr" :key="item.key">
+                <span class="label">{{item.label}}</span>
+                <div class="content">
+                    <p>{{item.content}}</p>
+                    <p v-if="item.otherContent" class="other-text">{{item.otherContent}}</p>
+                </div>
+            </div>
+        </template>
       </div>
       
     </el-popover>

src/views/roadshow_manage/meetingCalendar.vue

@@ -52,9 +52,9 @@ export default {
         item.CalendarList = item.CalendarList.sort((a,b) => this.$moment(`${a.StartDate} ${a.StartTime}`).valueOf() -  this.$moment(`${b.StartDate} ${b.StartTime}`).valueOf())
       }) : []
 
-      this.eventList = arr.map((item, index) => {
+      this.eventList =  Data.Group?Data.Group.map((item, index) => {
         return { ...item, id: index };
-      });
+      }):[];
     },
 
   },