scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
							{extend name="public/layout"}
{block name="body"}
<link rel="stylesheet" " href=" /static/css/common.css">
<script src="/static/js/jquery.min.js"></script>
<style>
  div {
      margin: 0 auto;
  }
  .goodNews {
    width: 96%;
    max-height: 407px;
    border: 2px solid #358105;
    border-top: none;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll
  }

  .goodNews ul li {
    line-height: 30px;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    padding-left: 25px;
  }

  .goodNews ul li span {
    padding-left: 1px;
    padding-right: 1px;
    color: #FF0033
  }

  .goodNews ul li em {
    padding-left: 2px;
    padding-right: 2px;
    color: #0000FF
  }

  .goodNews ul li b span {
    color: #000;
    font-weight: normal
  }

  .goodNews ul li strong {
    padding-left: 2px;
    padding-right: 4px;
    font-family: "微软雅黑";
    color: #FF0000;
    font-size: 14px;
    letter-spacing: 1px
  }

  .goodNews ul li u {
    color: #FF3300;
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold
  }

  .close {display: block;width: 31px;height: 31px;line-height: 31px;position: absolute;right:10px;top: 6px;cursor: pointer;text-align: center;color: #fff;font-size: 18px;overflow: hidden; background-color:#FF0000;_filter: alpha(opacity=60);_background: #333;z-index: 999;}
  .goodNewsMes{ width:290px; height:25px; line-height:25px; display:block; position:absolute; top:10px; right:58px; color:#999}

  .calendar {
    width: 1000px;
    height: 720px;
    background: white;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
    font-family: Arial;
    margin: 45px auto 20px;
  }

  .cal_title {
    height: 70px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    text-align: center;
  }

  .cal_title h1 {
    margin: 0px;
    padding: 0;
    font-weight: bold;
    color: #333;
    letter-spacing: 2px;
  }

  #calendar-title {
    font-size: 25px;
    text-transform: uppercase;
    padding: 20px 0 0 0;
  }

  #calendar-year {
    font-size: 15px;
    font-weight: normal;
  }

  #pre {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(images/prev.png) no-repeat 50% 50%;
    width: 60px;
    height: 70px;
    display: none
  }

  #next {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(images/next.png) no-repeat 50% 50%;
    width: 60px;
    height: 70px;
    display: none
  }

  .body-list ul {
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
  }

  .body-list ul li {
    list-style: none;
    display: block;
    width: 14.28%;
    float: left;
    height: 100px;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    background-image: url("data:image/svg+xml,%3Csvg width='235' height='175' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='14' fill-opacity='0.1' text-anchor='middle' dominant-baseline='middle' transform='rotate(-26, 100 100)'%3Eweizhihui%3C/text%3E%3C/svg%3E");
  }

  .body-list ul li:not(.greenbox):hover {
    background-color: #dff0d8
  }

  .lightgrey {
    color: #a8a8a8;
  }

  /*浅灰色显示星期*/
  .lightgrey ul li {
    height: 50px;
    line-height: 50px;
    padding-top: 0;
  }

  .darkgrey {
    color: #000;
  }

  /*深灰色显示将来的日期*/
  .darkgrey ul li {
    padding-top: 40px
  }

  .greenbox {
    background: #89c3eb;
    color: #FFF;
    font-size: 16px;
    font-weight: bold
  }
</style>

<body>
  <div class="goodNews" >
		<span class="close" title="关闭消息">X</span>
    {if $xinjushang == 1}
		<span class="goodNewsMes">注：显示最近2天内，新签订的交定和收取的定金</span>
		{else/}
    <span class="goodNewsMes">注：显示最近2天内，新签订的合同和收取的合同定金</span>
    {/if}
    <ul>
      {volist name="list" id="vo"}
			{if $vo.state =='已签单'}
      <li><u>合同：</u>恭喜<span>{$vo.employee.name}</span>在{$vo.confirm_date|date='d'}号用{$vo.package_name|default='全新方案'}新签定<em>{$vo.cusdata.community_name|default=''}</em><strong>{$vo.cusdata.signed_moneys|default=0}</strong>元合同，设计师是<span>{$company_name}</span>的{$vo.cusdata.designer.name|default='设计师'}，由{$vo.employee.name}在{$vo.cusdata.addtime}录入。</li>
			{/if}
      {if $vo.state =='已交定'}
      <li><u style="color:#009900;">定金：</u>恭喜<span>{$vo.employee.name}</span>在{$vo.confirm_date|date='d'}号收取<em>{$vo.cusdata.name}</em><strong>{$vo.cusdata.deposit_moneys}</strong>元，设计师是<span>{$company_name}</span>的{$vo.cusdata.designer.name|default='设计师'}, 由{$vo.employee.name}在{$vo.cusdata.addtime}录入。</li>
      {/if}
      {/volist}
    </ul>
	</div>
  <div class="calendar">
    <div class="cal_title">
      <h1 id="calendar-title"></h1>
      <a href="javascript:location.href='?ReqDate=2022/10/9'" id="pre"></a>
      <a href="javascript:location.href='?ReqDate=2022/12/9'" id="next"></a>
    </div>
    <div>
      <div class="lightgrey body-list">
        <ul>
          <li>日</li>
          <li>一</li>
          <li>二</li>
          <li>三</li>
          <li>四</li>
          <li>五</li>
          <li>六</li>
        </ul>
      </div>
      <div class="darkgrey body-list">
        <ul id="days">  
        </ul>
      </div>
    </div>
  </div>

</body>

<script type="text/javascript">
  $(function () {
    $(".close").click(function(){$(".goodNews").slideUp(500);	});		
		if($(".goodNews ul li").length==0){$(".goodNews").hide();}//当没有定金和签单时，隐藏div	
    let date = new Date();
    let year = date.getFullYear();
    let month = date.getMonth() * 1 + 1;
    let firstday = 1;
    let date1 = new Date(year + '-' + month + '-' + firstday);
    $('#calendar-title').html(year + '年' + month + '月');
    let nowdate = date.getDate();
    let fweek = date1.getDay();
    let lastday = getCurrentMonthLast();

    for (let i = 0; i < fweek; i++) {
      $('#days').append('<li></li>')
    }

    for (let j = 1; j <= lastday; j++) {
      if (nowdate == j) {
        $('#days').append('<li class="greenbox">' + j + '号</li>')
      } else {
        $('#days').append('<li>' + j + '号</li>')
      }
    }
    let len = 35 - 30 - fweek;
    for (let t = 1; t < len; t++) {
      $('#days').append('<li></li>');

    }

    $(".close").click(function () { $(".goodNews").slideUp(500); });
    if ($(".goodNews ul li").length == 0) { $(".goodNews").hide(); }//当没有定金和签单时，隐藏div	
  });
  function getCurrentMonthLast() {
    var date = new Date();
    var currentMonth = date.getMonth();
    var nextMonth = ++currentMonth;
    var nextMonthFirstDay = new Date(date.getFullYear(), nextMonth, 1);
    var oneDay = 1000 * 60 * 60 * 24;
    let ndate = new Date((new Date(nextMonthFirstDay - oneDay).getTime()) + 24 * 60 * 60 * 1000 - 1);
    return ndate.getDate();
  }

</script>
{/block}