<apex:page id="Page" showHeader="false" sidebar="false" Controller="PersonalCalendarController" action="{!init}" applyHtmlTag="false" applyBodyTag="false" lightningStylesheets="true">
|
<head>
|
<title>用户日历-{!IF(IsWeek, '周', '日')}视图</title>
|
<apex:includeScript value="/jslibrary/main.js"/>
|
<apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
|
<apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/>
|
<apex:includeScript value="{!URLFOR($Resource.CommonUtilJs)}"/>
|
<apex:includeScript value="{!URLFOR($Resource.PersonalCalendarJs)}"/>
|
<apex:stylesheet value="{!URLFOR($Resource.fullcalendarCss)}"/>
|
<apex:stylesheet value="{!URLFOR($Resource.StyleUtilColorCss)}"/>
|
|
<!-- <apex:stylesheet value="{!URLFOR($Resource.PersonalCalendarCssTwo)}"/> -->
|
<style>
|
.userIcons{
|
display: inline-block;
|
}
|
#condHeader{
|
display: inline-block;
|
float: none!important;
|
}
|
div.calendarHeader div.line2 input.dayViewIconOn, div.calendarHeader div.line2 input.weekViewIconOn {
|
background-color: rgb(243, 243, 243);
|
}
|
div.calendarHeader div.line2 input.dayViewIcon,div.calendarHeader div.line2 input.weekViewIcon {
|
background-color: transparent;
|
}
|
|
div.calendarHeader div.line2 {
|
display: inline-block;
|
}
|
.calendarHeader .dayViewIconOn , .calendarHeader .dayViewIcon,
|
.calendarHeader .weekViewIconOn ,.calendarHeader .weekViewIcon {
|
float: left;
|
background-repeat: no-repeat;
|
margin-right: 3px;
|
width: 24px;
|
height: 18px;
|
}
|
.calendarHeader .dayViewIconOn {
|
background-image: url(/img/sprites/calendar.gif);
|
background-position: -26px -36px;
|
display: block
|
}
|
.calendarHeader .dayViewIcon {
|
background-image: url(/img/sprites/calendar.gif);
|
background-position: 0 -36px;
|
display: block
|
}
|
.calendarHeader .weekViewIconOn {
|
background-image: url(/img/sprites/calendar.gif);
|
background-position: -26px -146px;
|
display: block
|
}
|
.calendarHeader .weekViewIcon {
|
background-image: url(/img/sprites/calendar.gif);
|
background-position: 0 -146px;
|
display: block
|
}
|
|
.calendarHeader .arrowIcons .prevCalArrow,.calendarHeader .arrowIcons .nextCalArrow {
|
width: 22px;
|
height: 19px;
|
margin: 0;
|
background: url(/img/alohaSkin/nextPrevBtn_sprite.png) left top no-repeat
|
}
|
|
.calendarHeader .arrowIcons .nextCalArrow {
|
background-position: right top
|
}
|
|
.calendarHeader .arrowIcons a:hover .prevCalArrow {
|
background-position: left -19px
|
}
|
|
.calendarHeader .arrowIcons a:hover .nextCalArrow {
|
background-position: right -19px
|
}
|
.dateLinks .datePickerIcon {
|
background-image: url(/img/func_icons/util/datePicker16.gif);
|
background-position: 0 0;
|
width: 16px;
|
height: 17px
|
}
|
|
|
</style>
|
<script type="text/javascript">
|
function searchBySalesDptJs() {
|
var baseUrl = '{!ProvinceUrl}';
|
var pSalesDpt = j$(escapeVfId('Page:Form:salesDpt')).val();
|
if (pSalesDpt != '') {
|
baseUrl += '&salesDpt=' + encodeURI(pSalesDpt);
|
} else {
|
baseUrl += '&salesDpt=0';
|
}
|
// 本部のプルダウンから検索する時、必ず「全部省」を外す
|
j$(escapeVfId('Page:Form:allProvince'))[0].checked = false;
|
baseUrl += '&ap=0';
|
baseUrl = baseUrl.replace("/apex/PersonalCalendar&", "/apex/PersonalCalendar?")
|
document.location.href = baseUrl;
|
}
|
function searchByProvinceJs() {
|
var baseUrl = '{!ProvinceUrl}';
|
var pSalesDpt = j$(escapeVfId('Page:Form:salesDpt')).val();
|
if (pSalesDpt == '') {
|
baseUrl += '&salesDpt=0';
|
}
|
var pProvince = j$(escapeVfId('Page:Form:province')).val();
|
if (pProvince != '') {
|
baseUrl += '&province=' + encodeURI(pProvince);
|
}
|
// 省のプルダウンから検索する時、必ず「全部省」を外す
|
j$(escapeVfId('Page:Form:allProvince'))[0].checked = false;
|
baseUrl += '&ap=0';
|
baseUrl = baseUrl.replace("/apex/PersonalCalendar&", "/apex/PersonalCalendar?")
|
document.location.href = baseUrl;
|
}
|
function searchJs() {
|
var baseUrl = '{!SearchJsUrl}';
|
if (j$(escapeVfId('Page:Form:ocmUser'))[0].checked == false) {
|
baseUrl += '&ocm=0';
|
} else {
|
baseUrl += '&ocm=1';
|
}
|
// 全部省check
|
if (j$(escapeVfId('Page:Form:allProvince'))[0].checked == false) {
|
baseUrl += '&ap=0';
|
} else {
|
baseUrl += '&ap=1';
|
}
|
var pText = j$(escapeVfId('Page:Form:text1')).val();
|
if (pText != '') {
|
baseUrl += '&text=' + pText;
|
}
|
var pCond = j$(escapeVfId('Page:Form:cond1')).val();
|
if (pCond != '') {
|
baseUrl += '&cond=' + pCond;
|
}
|
|
var pVal = encodeURIComponent(j$(escapeVfId('Page:Form:val1')).val());
|
baseUrl += '&val=' + pVal;
|
|
var pSearch = encodeURIComponent(j$(escapeVfId('Page:Form:searchText')).val());
|
if (pSearch != '') {
|
baseUrl += '&search=' + pSearch;
|
}
|
baseUrl = baseUrl.replace("/apex/PersonalCalendar&", "/apex/PersonalCalendar?")
|
document.location.href = baseUrl;
|
}
|
function change2DayView() {
|
debugger
|
var baseUrl = '{!DayViewUrl}';
|
var pSearch = encodeURIComponent(j$(escapeVfId('Page:Form:searchText')).val());
|
if (pSearch != '') {
|
baseUrl += '&search=' + pSearch;
|
}
|
baseUrl = baseUrl.replace("/apex/PersonalCalendar&", "/apex/PersonalCalendar?")
|
document.location.href = baseUrl;
|
}
|
function change2WeekView() {
|
var baseUrl = '{!WeekViewUrl}';
|
var pSearch = encodeURIComponent(j$(escapeVfId('Page:Form:searchText')).val());
|
if (pSearch != '') {
|
baseUrl += '&search=' + pSearch;
|
}
|
baseUrl = baseUrl.replace("/apex/PersonalCalendar&", "/apex/PersonalCalendar?")
|
document.location.href = baseUrl;
|
}
|
function changedDay(pVal) {
|
<apex:outputPanel layout="none" rendered="{!IF(IsWeek, true, false)}">
|
var baseUrl = '{!ChangeDayUrl}' + '&mk=' + pVal;
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(IsWeek, false, true)}">
|
var baseUrl = '{!ChangeDayUrl}' + '&md=' + pVal;
|
</apex:outputPanel>
|
var pSearch = encodeURIComponent(j$(escapeVfId('Page:Form:searchText')).val());
|
if (pSearch != '') {
|
baseUrl += '&search=' + pSearch;
|
}
|
baseUrl = baseUrl.replace("/apex/PersonalCalendar&", "/apex/PersonalCalendar?")
|
document.location.href = baseUrl;
|
}
|
function showDayAll(pT2) {
|
var baseUrl = '';
|
if (pT2.checked) {
|
baseUrl = '{!ShowDayAllUrl}' + '&t2=all';
|
} else {
|
baseUrl = '{!ShowDayAllUrl}';
|
}
|
var pSearch = encodeURIComponent(j$(escapeVfId('Page:Form:searchText')).val());
|
if (pSearch != '') {
|
baseUrl += '&search=' + pSearch;
|
}
|
baseUrl = baseUrl.replace("/apex/PersonalCalendar&", "/apex/PersonalCalendar?")
|
document.location.href = baseUrl;
|
}
|
|
function showFcPopover(eventA, eventStyleClass) {
|
var jEvent = j$(escapeVfId(eventA));
|
var parentOffset = j$('#calendar').offset();
|
var eventChildren = jEvent.children()[0];
|
// var jEventTime = jEvent.children('.fc-content').children('.fc-time');
|
var jEventTime = j$(eventChildren.children[2]); // time2
|
var jEventTitle = j$(eventChildren.children[1]);
|
var jEventTitle2 = j$(eventChildren.children[3]); // title2
|
var jEventWhatId = j$(eventChildren.children[4]);
|
var jEventMainVisit = j$(eventChildren.children[5]);
|
var jEventPurposeType = j$(eventChildren.children[6]);
|
var jEventOpp1 = j$(eventChildren.children[7]);
|
var jEventService1 = j$(eventChildren.children[8]);
|
j$('#fc-popover').css("top", (jEvent.offset().top - 16 - parentOffset.top)+ 'px').css("left", (jEvent.offset().left - parentOffset.left)+ 'px');
|
j$(escapeVfId('fc-popover:container')).removeClass().addClass(eventStyleClass);
|
j$(escapeVfId('fc-popover:time')).html(jEventTime.html());
|
if (jEventTitle2.text().length > 0) {
|
j$(escapeVfId('fc-popover:title')).html(jEventTitle2.html()).show();
|
} else if (jEventTitle.text().length > 0) {
|
j$(escapeVfId('fc-popover:title')).html(jEventTitle.html()).show();
|
} else {
|
j$(escapeVfId('fc-popover:title')).hide();
|
}
|
if (jEventWhatId.text().length > 0) {
|
j$(escapeVfId('fc-popover:whatId')).html('{!$ObjectType.Daily_Report__c.Label}：' + jEventWhatId.html()).show();
|
} else {
|
j$(escapeVfId('fc-popover:whatId')).hide();
|
}
|
if (jEventMainVisit.text().length > 0) {
|
j$(escapeVfId('fc-popover:mainVisit')).html('{!$ObjectType.Event.fields.Main_Visit_Location__c.label}：' + jEventMainVisit.html()).show();
|
} else {
|
j$(escapeVfId('fc-popover:mainVisit')).html('');
|
}
|
if (jEventPurposeType.text().length > 0) {
|
j$(escapeVfId('fc-popover:purposeType')).html('{!$ObjectType.Event.fields.Purpose_Type__c.label}：' + jEventPurposeType.html()).show();
|
} else {
|
j$(escapeVfId('fc-popover:purposeType')).html('');
|
}
|
if (jEventOpp1.text().length > 0) {
|
j$(escapeVfId('fc-popover:opp1')).html('{!$Label.Involved}{!$Label.Opportunity}：' + jEventOpp1.html()).show();
|
} else {
|
j$(escapeVfId('fc-popover:opp1')).html('');
|
}
|
if (jEventService1.text().length > 0) {
|
j$(escapeVfId('fc-popover:service1')).html('{!$Label.Involved}{!$Label.Service_Agreement}：' + jEventService1.html()).show();
|
} else {
|
j$(escapeVfId('fc-popover:service1')).html('');
|
}
|
j$('#fc-popover').show();
|
// j$('#fc-scroller-container').scroll(function() {
|
// j$('#fc-popover').css("top", (jEvent.offset().top - 16 - parentOffset.top)+ 'px').css("left", (jEvent.offset().left - parentOffset.left)+ 'px');
|
// });
|
}
|
</script>
|
</head>
|
<body>
|
<apex:form id="Form">
|
<apex:outputPanel id="MessageP">
|
<apex:pageMessages />
|
</apex:outputPanel>
|
<div class="calendarHeaderBG calendarHeader">
|
<div class="userIcons">
|
本部 <apex:selectList id="salesDpt" value="{!salesDpt}" size="1" style="width:123px;" onchange="searchBySalesDptJs();return false;"><apex:selectOptions value="{!salesDptOpts}"/></apex:selectList>
|
<!-- 省 <apex:inputField id="province" value="{!loginUser.Province__c}" style="width:140px;" onchange="searchByProvinceJs();return false;"></apex:inputField> -->
|
省 <apex:selectList id="province" value="{!province}" size="1" style="width:140px;" onchange="searchByProvinceJs();return false;"><apex:selectOptions value="{!provinceOpts}"/></apex:selectList>
|
</div>
|
<div id="condHeader">
|
<font>用户字段</font>
|
<apex:selectList value="{!text1}" id="text1" size="1"><apex:selectOptions value="{!textOpts}"/></apex:selectList>
|
<apex:selectList value="{!cond1}" id="cond1" size="1"><apex:selectOptions value="{!equalOpts}"/></apex:selectList>
|
<apex:inputText value="{!val1}" id="val1" style="width:200px"/>
|
<input type="submit" value="Search" onclick="searchJs();return false;"/>
|
<apex:inputCheckbox value="{!ocmUser}" id="ocmUser" onclick="searchJs();return false;" style="vertical-align: text-bottom;"/><apex:outputLabel value="销售本部" for="ocmUser"/>
|
<apex:inputCheckbox value="{!allProvince}" id="allProvince" style="vertical-align: text-bottom;" onclick="searchJs();return false;"/><apex:outputLabel value="全部省" for="allProvince"/>
|
</div>
|
<div style="clear:both;"></div>
|
<div class="dateLinks line2" style="margin:1px 10px;">
|
<apex:inputText value="{!searchText}" id="searchText" style="width:200px" html-placeholder="Search Calendar" onchange="searchMark();return false;" onkeypress="return onKeyEvent(event);"/>
|
<input type="button" value="Prev" class='btn' onclick="prevMark();return false;"/>
|
<input type="button" value="Next" class='btn' onclick="nextMark();return false;"/>
|
</div><script type="text/javascript">var jSearch = j$(escapeVfId('Page:Form:searchText'));jSearch.attr("current", "0");jSearch.attr("max", "{!markCnt}");</script>
|
<apex:outputPanel layout="none" rendered="{!IF(IsWeek, true, false)}">
|
<!-- 週 -->
|
<div class="dwmIcons line2" style="margin-right:20px;height: 29px;vertical-align: bottom;">
|
<!-- <input type="button" value="日视图" onclick="change2DayView();return false;" class="btn dayViewIcon" onblur="this.className = 'btn dayViewIcon';" onfocus="this.className = 'btn dayViewIconOn';" onmouseout="this.className = 'btn dayViewIcon';this.className = 'btn dayViewIcon';" onmouseover="this.className = 'btn dayViewIconOn';this.className = 'btn dayViewIconOn';"/>
|
<input type="button" value="周视图" onclick="change2WeekView();return false;" class="btn weekViewIconOn" onblur="this.className = 'btn weekViewIconOn';" onfocus="this.className = 'btn weekViewIconOn';" onmouseout="this.className = 'btn weekViewIconOn';this.className = 'btn weekViewIconOn';" onmouseover="this.className = 'btn weekViewIconOn';this.className = 'btn weekViewIconOn';"/> -->
|
|
<a onclick="change2DayView();" title="日视图"><img src="/s.gif" alt="日视图" class="dayViewIcon" onblur="this.className = 'dayViewIcon';" onfocus="this.className = 'dayViewIconOn';" onmouseout="this.className = 'dayViewIcon';this.className = 'dayViewIcon';" onmouseover="this.className = 'dayViewIconOn';this.className = 'dayViewIconOn';" title="日视图" /></a>
|
<a onclick="change2WeekView();" title="周视图"><img src="/s.gif" alt="周视图" class="weekViewIconOn" onblur="this.className = 'weekViewIconOn';" onfocus="this.className = 'weekViewIconOn';" onmouseout="this.className = 'weekViewIconOn';this.className = 'weekViewIconOn';" onmouseover="this.className = 'weekViewIconOn';this.className = 'weekViewIconOn';" title="周视图" /></a>
|
</div>
|
<div class="dateText line2">
|
<apex:outputText value="{0, date, yyyy/MM/dd}">
|
<apex:param value="{!mdDay}" />
|
</apex:outputText>〜<apex:outputText value="{0, date, yyyy/MM/dd}">
|
<apex:param value="{!mdDay + 6}" />
|
</apex:outputText>
|
</div>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(IsWeek, false, true)}">
|
<!-- 日 -->
|
<div class="dwmIcons line2" style="margin-right:20px;height: 29px;vertical-align: bottom;">
|
<!-- <input type="button" value="日视图" onclick="change2DayView();return false;" class="btn dayViewIconOn" onblur="this.className = 'btn dayViewIconOn';" onfocus="this.className = 'btn dayViewIconOn';" onmouseout="this.className = 'btn dayViewIconOn';this.className = 'btn dayViewIconOn';" onmouseover="this.className = 'btn dayViewIconOn';this.className = 'btn dayViewIconOn';"/>
|
<input type="button" value="周视图" onclick="change2WeekView();return false;" class="btn weekViewIcon" onblur="this.className = 'btn weekViewIcon';" onfocus="this.className = 'btn weekViewIconOn';" onmouseout="this.className = 'btn weekViewIcon';this.className = 'btn weekViewIcon';" onmouseover="this.className = 'btn weekViewIconOn';this.className = 'btn weekViewIconOn';"/> -->
|
|
<a onclick="change2DayView();" title="日视图"><img src="/s.gif" alt="日视图" class="dayViewIconOn" onblur="this.className = 'dayViewIconOn';" onfocus="this.className = 'dayViewIconOn';" onmouseout="this.className = 'dayViewIconOn';this.className = 'dayViewIconOn';" onmouseover="this.className = 'dayViewIconOn';this.className = 'dayViewIconOn';" title="日视图" /></a>
|
<a onclick="change2WeekView();" title="周视图"><img src="/s.gif" alt="周视图" class="weekViewIcon" onblur="this.className = 'weekViewIcon';" onfocus="this.className = 'weekViewIconOn';" onmouseout="this.className = 'weekViewIcon';this.className = 'weekViewIcon';" onmouseover="this.className = 'weekViewIconOn';this.className = 'weekViewIconOn';" title="周视图" /></a>
|
|
</div>
|
<div class="dateText line2">
|
<apex:outputText value="{0, date, E yyyy/MM/dd}">
|
<apex:param value="{!mdDay}" />
|
</apex:outputText>
|
<apex:inputCheckbox value="{!t2}" onclick="showDayAll(this);"/><span style="font-size:80%;">全部展开</span>
|
</div>
|
</apex:outputPanel>
|
<div class="arrowIcons line2" style="height: 32px;line-height: 32px;vertical-align: bottom;">
|
<a href="{!PrevUrl}" title="Prev" class="prev"><img src="/s.gif" alt="Prev" title="Prev" class="prevCalArrow"/></a>
|
<a href="{!NextUrl}" title="Next" class="next"><img src="/s.gif" alt="Next" title="Next" class="nextCalArrow" style="margin-left: -4px;"/></a>
|
</div>
|
<div class="dateLinks line2" style=" height: 29px;vertical-align: bottom;">
|
|
<input type="hidden" value="{!mdDayFormat}" id="mdDayFormat" onchange="changedDay(this.value)" />
|
<img src="/s.gif" alt="选择日期" class="datePickerIcon" onclick="DatePicker.pickDate(true, 'mdDayFormat', false, this);DatePicker.datePicker.cancelHide(getEvent(event));" title="选择日期"/>
|
</div>
|
<div class="reportActions" style="margin-left:20px;margin-bottom:1px;display: inline-block;">
|
<div class="menuButton" id="runMutton" style="position:relative;margin-bottom:1px;width:120px;height: 32px;">
|
<div class="menuButtonButton hasDefault" id="runMuttonButton" style="height:16px;padding-bottom:2px;">
|
<span class="menuButtonLabel" id="runMuttonLabel" tabindex="0" style="position:absolute;left:5px;">报表／仪表板</span>
|
</div>
|
<div class="menuButtonMenu" id="runMuttonMenu" style="display:none;margin-top:15px;">
|
<!-- <a href="/00O10000003s5pN" target="_blank" class="menuButtonMenuLink">报告详细</a>
|
<a href="/00O10000003sfjN" target="_blank" class="menuButtonMenuLink">本周计划</a>
|
<a href="/00O10000004UUa5" target="_blank" class="menuButtonMenuLink">每月报告和实际拜访匹配</a>
|
<a href="/01Z10000000foL2" target="_blank" class="menuButtonMenuLink">销售仪表板</a>
|
<a href="/01Z10000000fqLn" target="_blank" class="menuButtonMenuLink">FSE仪表板</a> -->
|
|
<!-- 修改硬编码 zzm 20230602-->
|
<!-- <a href="/00O10000003s5pN" target="_blank" class="menuButtonMenuLink">上周报告明细</a>
|
<a href="/00O10000004wbL7" target="_blank" class="menuButtonMenuLink">本周计划</a>
|
<a href="/00O10000004UUa5" target="_blank" class="menuButtonMenuLink">月别计划实施情况</a>
|
<a href="/01Z100000010pq7" target="_blank" class="menuButtonMenuLink">推广仪表板</a>
|
<a href="/01Z10000000T76l" target="_blank" class="menuButtonMenuLink">服务仪表板</a> -->
|
|
<a href="/{!preweekPlanID}" target="_blank" class="menuButtonMenuLink">上周报告明细</a>
|
<a href="/{!weekPlanID}" target="_blank" class="menuButtonMenuLink">本周计划</a>
|
<a href="/{!monthPlanID}" target="_blank" class="menuButtonMenuLink">月别计划实施情况</a>
|
<a href="/{!promotPlanId}" target="_blank" class="menuButtonMenuLink">推广仪表板</a>
|
<a href="/{!servePlanId}" target="_blank" class="menuButtonMenuLink">服务仪表板</a>
|
|
|
</div>
|
</div><script type="text/javascript">new MenuButton('runMutton', false);</script>
|
</div>
|
</div>
|
</apex:form>
|
<div style="clear:both;"></div>
|
<div id="calendar" class="fc fc-ltr fc-unthemed"><apex:outputPanel styleClass="fc-view-container">
|
<div class="fc-view fc-month-view fc-basic-view"><table>
|
<thead><tr>
|
<td class="fc-widget-header">
|
<div id="fc-widget-header-div" class="fc-row fc-widget-header"><table><thead>
|
<tr>
|
<th class="col_User fc-widget-header">User</th>
|
<apex:variable value="{!0}" var="cnt" />
|
<apex:repeat value="{!mdKeyList2}" var="md2">
|
<apex:outputPanel layout="none" rendered="{!IF(cnt == 0, false, true)}">
|
<th class="fc-day-header fc-widget-header{!md2['mdCss']}">{!md2['md2']}</th>
|
</apex:outputPanel>
|
<apex:variable value="{!cnt + 1}" var="cnt" />
|
</apex:repeat>
|
</tr>
|
</thead></table></div>
|
</td>
|
</tr></thead>
|
<tbody>
|
<!-- Campaign -->
|
<tr><td class="fc-widget-content"><div class="fc-day-grid-container fc-scroller" id="fc-widget-campaign-div" style="height:112px;z-index:1000;width:100%;"><div class="fc-day-grid fc-row">
|
<div id="fc-popover" class="fc-popover fc-more-popover" style="display:none;">
|
<div class="fc-header fc-widget-header">
|
<span class="fc-close fc-icon fc-icon-x" onclick="hideFcPopover();"></span>
|
<span id="fc-popover:header" class="fc-title">事件详细信息</span>
|
<div class="fc-clear"></div>
|
</div>
|
<div class="fc-body fc-widget-content">
|
<div class="fc-event-container">
|
<div id="fc-popover:container"><div class="fc-content">
|
<div id="fc-popover:time" class="fc-time">time</div>
|
<div id="fc-popover:title" class="fc-title">title</div>
|
<div id="fc-popover:whatId" style="display:none;" class="fc-title">whatId</div>
|
<div id="fc-popover:mainVisit" class="fc-title">mainVisit</div>
|
<div id="fc-popover:purposeType" class="fc-title">purposeType</div>
|
<div id="fc-popover:opp1" class="fc-title">opp1</div>
|
<div id="fc-popover:service1" class="fc-title">service1</div>
|
|
</div></div>
|
</div>
|
</div>
|
</div>
|
<div class="fc-row fc-week fc-widget-content fc-rigid" style="height: {!IF(campaignInfo.maxTr > 4, campaignInfo.maxTr * 32, 112)}px;">
|
<div class="fc-bg"><table><tbody>
|
<tr>
|
<apex:variable value="{!0}" var="cnt" />
|
<apex:repeat value="{!campaignInfo.mdKeyList3}" var="md2">
|
<apex:outputPanel layout="none" rendered="{!IF(cnt == 0, true, false)}">
|
<td class="fc-day fc-widget-content col_User{!md2['mdCss']}"></td>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(cnt == 0, false, true)}">
|
<td class="fc-day fc-widget-content{!md2['mdCss']}" data-date="{!md2['md']}"></td>
|
</apex:outputPanel>
|
<apex:variable value="{!cnt + 1}" var="cnt" />
|
</apex:repeat>
|
</tr>
|
</tbody></table></div>
|
<div class="fc-content-skeleton"><table><tbody>
|
<apex:outputPanel layout="none" rendered="{!IF(campaignInfo.maxTr == 0, true, false)}">
|
<tr>
|
<td class="col_User">
|
{!campaignInfo.userAlias}
|
</td>
|
</tr>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(campaignInfo.maxTr == 0, false, true)}">
|
<tr>
|
<td class="col_User" rowspan="{!campaignInfo.rowspan}">
|
{!campaignInfo.userAlias}
|
</td>
|
<td class="fc-event-container">
|
<apex:repeat value="{!campaignInfo.rowInfoList}" var="rowInfo">
|
<apex:repeat value="{!rowInfo}" var="ev">
|
<apex:outputPanel layout="none" rendered="{!IF(ev['isEvent'] == '1', true, false)}">
|
<div class="fc-day-grid-event {!ev['at2Css']}" style="left:{!ev['sLeft']};width:{!ev['eWidth']};border:0;padding:0;" id="lookup{!ev['evtId']}campaign" onblur="LookupHoverDetail.getHover('lookup{!ev['evtId']}campaign').hide();" onfocus="LookupHoverDetail.getHover('lookup{!ev['evtId']}campaign', '/{!ev['evtId']}/m?isAjaxRequest=1').show();" onmouseout="LookupHoverDetail.getHover('lookup{!ev['evtId']}campaign').hide();" onmouseover="LookupHoverDetail.getHover('lookup{!ev['evtId']}campaign', '/{!ev['evtId']}/m?isAjaxRequest=1').show();">
|
<div class="fc-content {!ev['at2Css']}" style="padding:1px 1px 0px 1px;">
|
<div class="fc-time">{!ev['time']}</div>
|
<div class="fc-title">{!ev['title']}</div>
|
</div>
|
</div>
|
</apex:outputPanel>
|
</apex:repeat>
|
</apex:repeat>
|
</td>
|
</tr>
|
</apex:outputPanel>
|
</tbody></table></div>
|
</div><!-- /fc-row fc-week fc-widget-content fc-rigid -->
|
</div></div><hr class="fc-widget-header"/></td></tr>
|
<apex:outputPanel layout="none" rendered="{!IF(IsWeek, true, false)}">
|
<!-- 週 -->
|
<tr><td class="fc-widget-content"><div class="fc-day-grid-container fc-scroller" id="fc-scroller-container"><div id="fc-scroller" class="fc-day-grid">
|
<apex:repeat value="{!userIds}" var="userId">
|
<div class="fc-row fc-week fc-widget-content fc-rigid" style="height: {!userCalendarInfoMap[userId].rowspan * 31}px;">
|
<div class="fc-bg"><table><tbody>
|
<tr>
|
<apex:variable value="{!0}" var="cnt" />
|
<apex:repeat value="{!userCalendarInfoMap[userId].mdKeyList3}" var="md2">
|
<apex:outputPanel layout="none" rendered="{!IF(cnt == 0, true, false)}">
|
<td class="fc-day fc-widget-content col_User{!md2['mdCss']}"></td>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(cnt == 0, false, true)}">
|
<td class="fc-day fc-widget-content{!md2['mdCss']}" data-date="{!md2['md']}"></td>
|
</apex:outputPanel>
|
<apex:variable value="{!cnt + 1}" var="cnt" />
|
</apex:repeat>
|
</tr>
|
</tbody></table></div>
|
<div class="fc-content-skeleton"><table><tbody>
|
<apex:outputPanel layout="none" rendered="{!IF(userCalendarInfoMap[userId].maxTr == 0, true, false)}">
|
<tr>
|
<td class="col_User">
|
<!-- <apex:outputPanel layout="block" style="float:left;width:auto;" rendered="{!IF(userCalendarInfoMap[userId].Photo_Text == '', false, true)}"> -->
|
<apex:outputPanel layout="block" style="float:left;width:auto;" >
|
<!-- <img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_Text}" height="32" /> -->
|
<img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_F}" height="32" />
|
</apex:outputPanel>
|
<div><a href="/{!userCalendarInfoMap[userId].userId}" id="lookup{!userCalendarInfoMap[userId].userId}cas1" onblur="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onfocus="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();" onmouseout="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onmouseover="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();">{!userCalendarInfoMap[userId].userAlias}</a>
|
<br/> {!userCalendarInfoMap[userId].userDesc}</div>
|
<script type="text/javascript">
|
resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1");
|
</script>
|
</td>
|
</tr>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(userCalendarInfoMap[userId].maxTr == 0, false, true)}">
|
<apex:variable value="{!1}" var="line" />
|
<apex:repeat value="{!userCalendarInfoMap[userId].rowInfoList}" var="rowInfo">
|
<tr>
|
<apex:outputPanel layout="none" rendered="{!IF(line == 1, true, false)}">
|
<td class="col_User" rowspan="{!userCalendarInfoMap[userId].rowspan}">
|
<!-- <apex:outputPanel layout="block" style="float:left;width:auto;" rendered="{!IF(userCalendarInfoMap[userId].Photo_Text == '', false, true)}"> -->
|
<apex:outputPanel layout="block" style="float:left;width:auto;">
|
<!-- <img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_Text}" height="32" /> -->
|
<img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_F}" height="32" />
|
</apex:outputPanel>
|
<div><a href="/{!userCalendarInfoMap[userId].userId}" id="lookup{!userCalendarInfoMap[userId].userId}cas1" onblur="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onfocus="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();" onmouseout="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onmouseover="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();">{!userCalendarInfoMap[userId].userAlias}</a>
|
<br/> {!userCalendarInfoMap[userId].userDesc}</div>
|
<script type="text/javascript">
|
resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1");
|
</script>
|
</td>
|
</apex:outputPanel>
|
<apex:repeat value="{!rowInfo}" var="ev">
|
<td class="fc-event-container">
|
<apex:outputPanel layout="none" rendered="{!IF(ev['isEvent'] == '1', true, false)}">
|
<div class="fc-day-grid-event {!ev['at2Css']}" style="border:0;padding:0;" id="lookup{!ev['evtId']}event" onclick="showFcPopover('lookup{!ev['evtId']}event', '{!ev['at2Css']}');">
|
<div class="fc-content forEvtMark {!ev['at2Css']}" id="{!IF(ev['evtMarked'] != '0', 'Mark' + ev['evtMarked'], '')}" style="padding:1px 1px 0px 1px;border-radius:2px;">
|
<div class="fc-time" style="{!IF(ev['evtMarked'] != '0', 'background-color:yellow;color:red;', '')}"><apex:outputPanel layout="none" rendered="{!IF(ev['isScheduled'] == 'true', true, false)}"><span style="font-size:8px;">✓</span></apex:outputPanel><a href="/{!ev['evtId']}" target="_blank">{!ev['time']}</a></div>
|
<div class="fc-title">{!ev['title']}</div>
|
<div class="fc-time2" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['isScheduled'] == 'true', true, false)}"><span style="font-size:8px;">✓</span></apex:outputPanel>{!ev['time']}</div>
|
<div class="fc-title2" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['accId'] == 'false', false, true)}"><a href="/{!ev['accId']}" target="WHATIDC_{!ev['accId']}">{!ev['title']}</a></apex:outputPanel></div>
|
<div class="fc-whatId" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['whatId'] == 'false', false, true)}">日报：<a href="/{!ev['whatId']}" target="DR_{!ev['whatId']}">Link</a></apex:outputPanel></div>
|
<div class="fc-mainVisit" style="display:none;">{!ev['mainVisit']}</div>
|
<div class="fc-purposeType" style="display:none;">{!ev['purposeType']}</div>
|
<div class="fc-opp1Id" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['opp1Id'] == 'false', false, true)}"><a href="/{!ev['opp1Id']}" target="OPP_{!ev['opp1Id']}">{!ev['opp1Name']}</a></apex:outputPanel></div>
|
<div class="fc-service1Id" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['service1Id'] == 'false', false, true)}"><a href="/{!ev['service1Id']}" target="OPP_{!ev['service1Id']}">{!ev['service1Name']}</a></apex:outputPanel></div>
|
<div class="fc-searchWord" style="display:none;">{!ev['searchWord']}</div>
|
</div>
|
</div>
|
</apex:outputPanel>
|
</td>
|
</apex:repeat>
|
</tr>
|
<apex:variable value="{!line + 1}" var="line" />
|
</apex:repeat>
|
</apex:outputPanel>
|
</tbody></table></div>
|
</div><!-- /fc-row fc-week fc-widget-content fc-rigid -->
|
</apex:repeat>
|
</div></div></td></tr>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(IsWeek, false, true)}">
|
<!-- 日 -->
|
<tr><td class="fc-widget-content"><div class="fc-time-grid-container fc-scroller" id="fc-scroller-container"><div id="fc-scroller" class="fc-time-grid">
|
<apex:repeat value="{!userIds}" var="userId">
|
<div class="fc-row fc-week fc-widget-content fc-rigid" style="height: {!userCalendarInfoMap[userId].rowspan * 32}px;">
|
<div class="fc-bg"><table><tbody>
|
<tr>
|
<apex:variable value="{!0}" var="cnt" />
|
<apex:repeat value="{!userCalendarInfoMap[userId].mdKeyList3}" var="md2">
|
<apex:outputPanel layout="none" rendered="{!IF(cnt == 0, true, false)}">
|
<td class="fc-time fc-widget-content col_User{!md2['mdCss']}"></td>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(cnt == 0, false, true)}">
|
<td class="fc-time fc-widget-content{!md2['mdCss']}" data-date="{!md2['md']}"></td>
|
</apex:outputPanel>
|
<apex:variable value="{!cnt + 1}" var="cnt" />
|
</apex:repeat>
|
</tr>
|
</tbody></table></div>
|
<div class="fc-content-skeleton"><table><tbody>
|
<apex:outputPanel layout="none" rendered="{!IF(userCalendarInfoMap[userId].maxTr == 0, true, false)}">
|
<tr>
|
<td class="col_User">
|
<!-- <apex:outputPanel layout="block" style="float:left;width:auto;" rendered="{!IF(userCalendarInfoMap[userId].Photo_Text == '', false, true)}"> -->
|
<apex:outputPanel layout="block" style="float:left;width:auto;" >
|
<!-- <img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_Text}" height="32" /> -->
|
<img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_F}" height="32" />
|
</apex:outputPanel>
|
<div><a href="/{!userCalendarInfoMap[userId].userId}" id="lookup{!userCalendarInfoMap[userId].userId}cas1" onblur="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onfocus="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();" onmouseout="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onmouseover="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();">{!userCalendarInfoMap[userId].userAlias}</a>
|
<br/> {!userCalendarInfoMap[userId].userDesc}</div>
|
<script type="text/javascript">
|
resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1");
|
</script>
|
</td>
|
</tr>
|
</apex:outputPanel>
|
<apex:outputPanel layout="none" rendered="{!IF(userCalendarInfoMap[userId].maxTr == 0, false, true)}">
|
<tr>
|
<td class="col_User">
|
<!-- <apex:outputPanel layout="block" style="float:left;width:auto;" rendered="{!IF(userCalendarInfoMap[userId].Photo_Text == '', false, true)}"> -->
|
<apex:outputPanel layout="block" style="float:left;width:auto;" >
|
<!-- <img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_Text}" height="32" /> -->
|
<img id="img{!userCalendarInfoMap[userId].userId}photo" onload='resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1")' border="0" src="{!userCalendarInfoMap[userId].Photo_F}" height="32" />
|
</apex:outputPanel>
|
<div><a href="/{!userCalendarInfoMap[userId].userId}" id="lookup{!userCalendarInfoMap[userId].userId}cas1" onblur="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onfocus="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();" onmouseout="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1').hide();" onmouseover="LookupHoverDetail.getHover('lookup{!userCalendarInfoMap[userId].userId}cas1', '/{!userCalendarInfoMap[userId].userId}/m?isAjaxRequest=1').show();">{!userCalendarInfoMap[userId].userAlias}</a>
|
<br/> {!userCalendarInfoMap[userId].userDesc}</div>
|
<script type="text/javascript">
|
resizeByPhoto("img{!userCalendarInfoMap[userId].userId}photo", "lookup{!userCalendarInfoMap[userId].userId}cas1");
|
</script>
|
</td>
|
<td class="fc-event-container">
|
<apex:variable value="{!0}" var="cnt" />
|
<apex:repeat value="{!userCalendarInfoMap[userId].dayEventInfoList}" var="evList">
|
<apex:repeat value="{!evList}" var="ev">
|
<apex:outputPanel layout="none" rendered="{!IF(ev['isEvent'] == '1', true, false)}">
|
<div class="fc-time-grid-event {!ev['at2Css']}" style="z-index:{!cnt};top:{!ev['sTop']}px;left:{!ev['sLeft']};width:{!ev['eWidth']};border:0;padding:0;" id="lookup{!ev['evtId']}event" onclick="showFcPopover('lookup{!ev['evtId']}event', '{!ev['at2Css']}');">
|
<div class="fc-content forEvtMark {!ev['at2Css']}" id="{!IF(ev['evtMarked'] != '0', 'Mark' + ev['evtMarked'], '')}" style="padding:1px 1px 0px 1px;border-radius:2px;">
|
<div class="fc-time" style="{!IF(ev['evtMarked'] != '0', 'background-color:yellow;color:red;', '')}"><apex:outputPanel layout="none" rendered="{!IF(ev['isScheduled'] == 'true', true, false)}"><span style="font-size:8px;">✓</span></apex:outputPanel><a href="/{!ev['evtId']}" target="_blank">{!ev['time']}</a></div>
|
<div class="fc-title">{!ev['title']}</div>
|
<div class="fc-time2" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['isScheduled'] == 'true', true, false)}"><span style="font-size:8px;">✓</span></apex:outputPanel>{!ev['time2']}</div>
|
<div class="fc-title2" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['accId'] == 'false', false, true)}"><a href="/{!ev['accId']}" target="WHATIDC_{!ev['accId']}">{!ev['title']}</a></apex:outputPanel></div>
|
<div class="fc-whatId" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['whatId'] == 'false', false, true)}"><a href="/{!ev['whatId']}" target="DR_{!ev['whatId']}">Link</a></apex:outputPanel></div>
|
<div class="fc-mainVisit" style="display:none;">{!ev['mainVisit']}</div>
|
<div class="fc-purposeType" style="display:none;">{!ev['purposeType']}</div>
|
<div class="fc-opp1Id" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['opp1Id'] == 'false', false, true)}"><a href="/{!ev['opp1Id']}" target="OPP_{!ev['opp1Id']}">{!ev['opp1Name']}</a></apex:outputPanel></div>
|
<div class="fc-service1Id" style="display:none;"><apex:outputPanel layout="none" rendered="{!IF(ev['service1Id'] == 'false', false, true)}"><a href="/{!ev['service1Id']}" target="OPP_{!ev['service1Id']}">{!ev['service1Name']}</a></apex:outputPanel></div>
|
<div class="fc-searchWord" style="display:none;">{!ev['searchWord']}</div>
|
</div>
|
</div>
|
<apex:variable value="{!cnt + 1}" var="cnt" />
|
</apex:outputPanel>
|
</apex:repeat>
|
</apex:repeat>
|
</td>
|
</tr>
|
</apex:outputPanel>
|
</tbody></table></div>
|
</div><!-- /fc-row fc-week fc-widget-content fc-rigid -->
|
</apex:repeat>
|
</div></div></td></tr>
|
</apex:outputPanel>
|
</tbody>
|
</table></div>
|
</apex:outputPanel></div>
|
|
<script type="text/javascript">
|
window.onresize = windowResize;
|
windowResize();
|
</script>
|
</body>
|
</apex:page>
|
