Página Principal Explorar Ajuda
Registe-se Iniciar Sessão
scott
/
crm
1
0
Fork 0
Ficheiros Pull Requests 0 Wiki
Ramo: master
Ramos Etiquetas
crm
/
app
/
empcrm
/
view
/
index
/
welcome.html

welcome.html 6.2 KB
Link permanente Histórico Em bruto

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 
  1. {extend name="public/layout"}
    2. 

  2. {block name="body"}
    3. 

  3. <script src="/static/js/jquery.min.js"></script>
    4. 

  4. <link rel="stylesheet" " href=" /static/css/common.css">
    5. 

  5. <style>
    6. 

  6. .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}
    7. 

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

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

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

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

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

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

  13. .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;}
    14. 

  14. .goodNewsMes{ width:290px; height:25px; line-height:25px; display:block; position:absolute; top:10px; right:58px; color:#999}
    15. 

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

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

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

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

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

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

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

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

  23. .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"); } 
    24. 

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

  25. .lightgrey{color:#a8a8a8;}   /*浅灰色显示星期*/
    26. 

  26. .lightgrey ul li{ height:50px; line-height:50px; padding-top:0;}
    27. 

  27. .darkgrey{color:#000;} /*深灰色显示将来的日期*/ 
    28. 

  28. .darkgrey ul li{ padding-top:40px}
    29. 

  29. .greenbox{background:#89c3eb; color:#FFF; font-size:16px; font-weight:bold}
    30. 

  30. 

  31. </style>
    32. 

  32. <body>
    33. 

  33. 	<div class="goodNews" >
    34. 

  34. 		<span class="close" title="关闭消息">X</span>
    35. 

  35. 		{if $xinjushang == 1}
    36. 

  36. 		<span class="goodNewsMes">注：显示最近2天内，新签订的交定和收取的定金</span>
    37. 

  37. 		{else/}
    38. 

  38. 		<span class="goodNewsMes">注：显示最近2天内，新签订的合同和收取的合同定金</span>
    39. 

  39. 		{/if}
    40. 

  40. 		<ul>
    41. 

  41. 			{volist name="list" id="vo"}
    42. 

  42. 			{if $vo.state =='已签单' && $vo.cusdata.signed_moneys > 0}
    43. 

  43.       <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>
    44. 

  44. 			{/if}
    45. 

  45.       {if $vo.state =='已交定' && $vo.cusdata.deposit_moneys > 0}
    46. 

  46.       <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>
    47. 

  47.       {/if}
    48. 

  48.       {/volist}
    49. 

  49. 		</ul>
    50. 

  50. 	</div>
    51. 

  51. 	<div class="calendar">
    52. 

  52. 		<div class="cal_title">
    53. 

  53. 			<h1 id="calendar-title"></h1>
    54. 

  54. 			<a href="javascript:location.href='?ReqDate=2022/10/9'" id="pre"></a>
    55. 

  55. 			<a href="javascript:location.href='?ReqDate=2022/12/9'" id="next"></a>
    56. 

  56. 		</div>
    57. 

  57. 		<div>
    58. 

  58. 			<div class="lightgrey body-list">
    59. 

  59. 				<ul>
    60. 

  60. 					<li>日</li>
    61. 

  61. 					<li>一</li>
    62. 

  62. 					<li>二</li>
    63. 

  63. 					<li>三</li>
    64. 

  64. 					<li>四</li>
    65. 

  65. 					<li>五</li>
    66. 

  66. 					<li>六</li>
    67. 

  67. 				</ul>
    68. 

  68. 			</div>
    69. 

  69. 			<div class="darkgrey body-list">
    70. 

  70. 				<ul id="days">
    71. 

  71. 	
    72. 

  72. 				</ul>
    73. 

  73. 			</div>
    74. 

  74. 		</div>
    75. 

  75. 	</div>
    76. 

  76. 

  77. </body>
    78. 

  78. 

  79. <script type="text/javascript">
    80. 

  80. 	$(function () {
    81. 

  81. 		$(".close").click(function(){$(".goodNews").slideUp(500);	});		
    82. 

  82. 		if($(".goodNews ul li").length==0){$(".goodNews").hide();}//当没有定金和签单时，隐藏div	
    83. 

  83. 

  84. 		let date=new Date();
    85. 

  85. 		let year=date.getFullYear();
    86. 

  86. 		let month=date.getMonth()*1+1;
    87. 

  87. 		let firstday=1;
    88. 

  88. 		let date1=new Date(year+'-'+ month+'-'+ firstday);
    89. 

  89. 		$('#calendar-title').html(year + '年' + month + '月');
    90. 

  90. 		let nowdate = date.getDate();
    91. 

  91. 		let fweek= date1.getDay();
    92. 

  92. 		let lastday= getCurrentMonthLast();
    93. 

  93. 		
    94. 

  94. 		for(let i=0;i< fweek;i++){
    95. 

  95. 			$('#days').append('<li></li>')
    96. 

  96. 		}
    97. 

  97. 		
    98. 

  98. 		for (let j = 1; j <= lastday; j++) {
    99. 

  99. 			if(nowdate==j){
    100. 

  100. 				$('#days').append('<li class="greenbox">' + j + '号</li>')
    101. 

  101. 			}else{
    102. 

  102. 				$('#days').append('<li>' + j + '号</li>')
    103. 

  103. 			}
    104. 

  104. 		}
    105. 

  105. 

  106. 		let len= 35-30- fweek;
    107. 

  107. 		console.log(len)
    108. 

  108. 		for (let t = 0; t < len; t++) {
    109. 

  109. 			$('#days').append('<li></li>');
    110. 

  110. 

  111. 		}
    112. 

  112. 

  113. 		$(".close").click(function () { $(".goodNews").slideUp(500); });
    114. 

  114. 		if ($(".goodNews ul li").length == 0) { $(".goodNews").hide(); }//当没有定金和签单时，隐藏div	
    115. 

  115. 	});
    116. 

  116. 	 function getCurrentMonthLast() {
    117. 

  117. 			var date = new Date();
    118. 

  118. 			var currentMonth = date.getMonth();
    119. 

  119. 			var nextMonth = ++currentMonth;
    120. 

  120. 			var nextMonthFirstDay = new Date(date.getFullYear(), nextMonth, 1);
    121. 

  121. 			var oneDay = 1000 * 60 * 60 * 24;
    122. 

  122. 			let ndate= new Date((new Date(nextMonthFirstDay - oneDay).getTime()) + 24 * 60 * 60 * 1000 - 1);
    123. 

  123. 			return ndate.getDate();
    124. 

  124. 	}
    125. 

  125. 

  126. </script>
    127. 

  127. {/block}
    128.