 <!-- include 'admin/header' -->
<script src="<?= WEB_SITE_GLOBAL ?>js/email.js"></script>
<script src="<?= WEB_SITE_GLOBAL ?>js/ueditor/ueditor.config.js"></script>
<script src="<?= WEB_SITE_GLOBAL ?>js/ueditor/ueditor.all.js"></script>

<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="#" class="mLogo">CLD</a>
				<ul>
					<!-- include 'menu' -->
				</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<ul>
						<li class="saeaTitle">邮件推广</li>
						
						<!-- include 'mailMenu' -->
					</ul>
				</div>
			</div>
			<div class="adminContent autoHeight">
				<legend>创建新邮件单</legend>
				<div class="mailSpread">
					<div class="mailCreate">
						<div class="viewForm  mailAutoHeigh" style="height: 739px;">
							<div class="viewBody">
							<!--邮件模板-->
							  <div id="emailTemplate1">
							    <table style="background-color:#fff; width:100%;" cellpadding="0" cellspacing="0">
							     <tbody>
							      <tr>
							       <td align="center">
							        <table style="margin:20px;background-color:#fff;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.3);width:90%;" cellpadding="0" cellspacing="0" align="center">
							         <tbody>
							          <tr>
							           <td id="skinStyle" style="background-color:#ff6501;padding:20px 0 25px;" align="center">
							           <span name="titleHtml" style="vertical-align:bottom;font-size:20px;color:#fff;">邮件标题</span></td>
							          </tr>
							          <tr>
							           <td>
							            <table style="background-color:#fff;border:1px solid #ddd;border-bottom:0px;border-top:0px;width:100%;" cellpadding="0" cellspacing="0" align="left">
							             <tbody>
							              <tr>
							               <td style="padding: 0 40px;" align="left"><p style="margin-top:40px;margin-bottom:10px;color:#383838;font-size:16px;line-height:32px;"><b></b></p></td>
							              </tr>
							              <tr>
							               <td style="padding: 0 40px;" align="left">
							               	<p style="margin-top:0px;margin-bottom:10px;color:#383838;font-size:16px;line-height:32px;">您好，我是纵横公路造价软件 <b>{{staff.0.username}}</b>：</p>
							               	<p name="contentHtml" style="margin-top:0px;margin-bottom:20px;color:#383838;font-size:16px;line-height:32px;">*邮件的正文内容将会出现在这里，右侧填写后可直接预览。</p>
							               </td>
							              </tr>
							              <tr>
							              	<td style="padding: 10px 0 0;background:#F6F6F6;">
              <table>
                <tr>
                  <td style="font-size:14pxl;color:#666;padding:0 20px"><b>纵横软件公司{{staff.0.category}}服务中心</b><br>{{staff.0.username}}<br><a href="http://www.smartcost.com.cn" style="color:#666;font-size:12px;text-decoration:underline;">smartcost.com.cn</a></td>
                  <td>
                    <table>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">电话：</th><td style="padding:0 20px 0 0">{{staff.0.phone}}</td>
                      <th align="right">手机：</th><td>{{staff.0.telephone}}</td>
                    </tr>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">Q Q：</th><td>{{staff.0.qq}}</td>
                      <th align="right">邮箱： </th><td>{{staff.0.email}}</td>
                      </tr>
                  </table>
                  </td>
                </tr>
              </table>

             </td>

							               <!-- <td style="padding: 20px 40px;border-top:1px dashed #ddd" align="left">
							               <p style="margin-bottom:10px;color:#383838;font-size:16px;line-height:22px;border-left:2px solid #FF6501;padding-left:5px">纵横公路造价软件{{staff.0.category}}办事处</p>
							               <table>
							               	<tr><th align="right">电话：</th><td>{{staff.0.phone}}</td></tr>
							               	<tr><th align="right">联系人：</th><td>{{staff.0.username}}</td></tr>
							               	<tr><th align="right">手机：</th><td>{{staff.0.telephone}}</td></tr>
							               	<tr><th align="right">QQ：</th><td>{{staff.0.qq}}</td></tr>
							               	<tr><th align="right">邮箱：</th><td>{{staff.0.email}}</td></tr>
							               </table></td> -->
							              </tr>
							             </tbody>
							            </table>
							            </td>
							          </tr>
					              <tr>
					               <td style="padding: 0 40px;background-color:#383838;"><p style="color:#fff;padding:10px 0;text-align:center;margin:0">珠海纵横创新软件有限公司 <a href="http://www.smartcost.com.cn" style="color:#fff;text-decoration: underline;">smartcost.com.cn</a></p></td>
					              </tr>
							         </tbody>
							        </table>
							        </td>
							      </tr>
							     </tbody>
							    </table>
							  </div>
							<!--邮件模板-->
							
							<!-- 邮件模板 -->
							<div id="emailTemplate2" style="display:none">
							<table cellspacing="0" cellpadding="0" style="background-color:#e4e4e4; width:100%;">
							   <tbody>
							    <tr>
							     <td>
							      <table align="center" cellspacing="0" cellpadding="0" style="background-color:#f8f8f8; width:640px;margin-bottom:20px">
							       <tbody>
							        <tr>
							         <td align="left" style="background-color:#e4e4e4;"><p style="margin-top:10px;margin-bottom:10px;color:#999;font-size:16px;line-height:32px;">
							         <b><span name="titleHtml">邮件标题</span></b></p></td>
							        </tr>
							        <tr>
							         <td>
							          <table align="center" cellspacing="0" cellpadding="0" style="border:1px solid #ddd;">
							           <tbody>
							            <tr>
							             <td align="center" style="background-color:#EEF2F5;padding:20px 0 "><a style="text-decoration:none;" href="http://www.teambition.com/" target="_blank"><img width="291px" height="46" src="http://zonghengvideo.qiniudn.com/maillogo1.png"></a></td>
							            </tr>
							            
							            <tr>
							             <td align="center" style="background-color:#fff;"><img width="640" height="191" src="http://zonghengvideo.qiniudn.com/hero.jpg"></td>
							            </tr>
							            <tr>
							             <td align="left" style="background-color:#fff;padding:40px;border-bottom:1px solid #ddd;">
							             <p style="margin-top:0px;margin-bottom:10px;color:#383838;font-size:16px;line-height:32px;"><b></b></p>
							             <p style="margin-top:0px;margin-bottom:10px;color:#383838;font-size:16px;line-height:32px;">您好，我是纵横公路造价软件 <b>{{staff.0.username}}</b>：</p>
							             <p name="contentHtml" style="margin-top:0px;margin-bottom:15px;color:#383838;font-size:16px;line-height:32px;">*邮件的正文内容将会出现在这里，右侧填写后可直接预览。</p></td>
							            </tr>
							            <tr>
							             <td style="padding: 10px 0 0;background:#F6F6F6;">
              <table>
                <tr>
                  <td style="font-size:14pxl;color:#666;padding:0 20px"><b>纵横软件公司{{staff.0.category}}服务中心</b><br>{{staff.0.username}}<br><a href="http://www.smartcost.com.cn" style="color:#666;font-size:12px;text-decoration:underline;">smartcost.com.cn</a></td>
                  <td>
                    <table>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">电话：</th><td style="padding:0 20px 0 0">{{staff.0.phone}}</td>
                      <th align="right">手机：</th><td>{{staff.0.telephone}}</td>
                    </tr>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">Q Q：</th><td>{{staff.0.qq}}</td>
                      <th align="right">邮箱： </th><td>{{staff.0.email}}</td>
                      </tr>
                  </table>
                  </td>
                </tr>
              </table>

             </td></tr></tbody>
							          </table></td></tr><tr>
									<td style="padding: 0 40px;background-color:#383838;"><p style="color:#fff;padding:10px 0;text-align:center;margin:0;font-size:12px">珠海纵横创新软件有限公司 <a href="http://www.smartcost.com.cn" style="color:#fff;text-decoration:underline;">smartcost.com.cn</a></p></td>
							        </tr>
							       </tbody>
							      </table></td>
							    </tr>
							   </tbody>
							  </table>
							  </div>
				<!-- 邮件模板 -->
				
				<!-- 邮件模板 -->
				<div id="emailTemplate3" style="display:none">
				<table cellspacing="0" cellpadding="0" style="background-color:#ECF0E1; width:100%">
				   <tbody>
				    <tr>
				     <td>
				      <table align="center" cellspacing="0" cellpadding="0" style="width:698px;margin-bottom:30px;margin-top:30px;">
				       <tbody>
				        <tr>
				         <td>
				          <table align="center" cellspacing="0" cellpadding="0" style="border:1px solid #ccc;width:100%;border-top:none">
				           <tbody>
				            <tr>
				             <td align="right" style="background:#fff url('http://zonghengvideo.qiniudn.com/mail3-top-bg.png') no-repeat top center;padding:30px 20px 20px 20px;border-bottom:1px solid #E9EBE2;">
				             	<div style="position:relative;text-align:right">
				              <b style="font-size:24px;color:#8A9F98;z-index:999"><span name="titleHtml">邮件标题</span></b>
				              <div style="width:80px;height:80px;position:absolute;top:0;left:0"><img src="http://zonghengvideo.qiniudn.com/zonghenglogo.png"></div>
				              </div>
				             </td>
				            </tr>
				            <tr>
				             <td align="left" style="background-color:#fff;padding:40px;border-bottom:1px solid #ddd;">
				             <p style="margin-top:0px;margin-bottom:10px;color:#666;font-size:16px;line-height:32px;"><b></b></p>
				             <p style="margin-top:0px;margin-bottom:10px;color:#666;font-size:16px;line-height:32px;">你好，我是纵横公路造价软件 <b>{{staff.0.username}}</b>：</p>
				             <p name="contentHtml" style="margin-top:0px;margin-bottom:15px;color:#666;font-size:16px;line-height:32px;">*邮件的正文内容将会出现在这里，右侧填写后可直接预览。</p></td>
				            </tr>
				            <tr>
				             <td style="padding: 10px 0 0;background:#F6F6F6;">
              <table>
                <tr>
                  <td style="font-size:14pxl;color:#666;padding:0 20px"><b>纵横软件公司{{staff.0.category}}服务中心</b><br>{{staff.0.username}}<br><a href="http://www.smartcost.com.cn" style="color:#666;font-size:12px;text-decoration:underline;">smartcost.com.cn</a></td>
                  <td>
                    <table>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">电话：</th><td style="padding:0 20px 0 0">{{staff.0.phone}}</td>
                      <th align="right">手机：</th><td>{{staff.0.telephone}}</td>
                    </tr>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">Q Q：</th><td>{{staff.0.qq}}</td>
                      <th align="right">邮箱： </th><td>{{staff.0.email}}</td>
                      </tr>
                  </table>
                  </td>
                </tr>
              </table>

             </td>
				            </tr>
				        <tr>
				          <td style="background:#F6F6F6 url('http://zonghengvideo.qiniudn.com/mail3-bottom-bg.png') no-repeat bottom center;"><p style="color:#fff;padding:0 0 20px;text-align:center;margin:0;font-size:12px"></p></td>
				        </tr>
				           </tbody>
				          </table></td>
				        </tr>
				       </tbody>
				      </table></td>
				    </tr>
				   </tbody>
				  </table>
				</div>
				
				
				
				<div id="emailTemplate4" style="display:none">
				<table cellspacing="0" cellpadding="0" style="background:#8BBF7F url(http://zonghengvideo.qiniudn.com/mail3bg.jpg) no-repeat center bottom; width:100%;">
				   <tbody>
				    <tr>
				     <td>
				      <table align="center" cellspacing="0" cellpadding="0" style="background:url(http://zonghengvideo.qiniudn.com/mail3bg2.png) repeat;width:640px;margin-top:60px;margin-bottom:40px;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.3)">
				       <tbody>
				        <tr>
				         <td align="center">
				         <p style="padding:0 20px;margin:10px;color:#fff;font-size:16px;line-height:32px;background:#6A8397">
				         <b><span name="titleHtml">邮件标题安徽普通公路养护定额库</span></b></p></td>
				        </tr>
				        <tr>
				         <td>
				          <table align="center" cellspacing="0" cellpadding="0" style="border:1px solid #ddd;width:100%">
				           <tbody>
				            <tr>
				             <td align="left" style="padding:40px;border-bottom:1px solid #ddd;">
				             <p style="margin-top:0px;margin-bottom:10px;color:#383838;font-size:16px;line-height:32px;">您好，<b></b></p>
				             <p style="margin-top:0px;margin-bottom:10px;color:#383838;font-size:16px;line-height:32px;">我是纵横公路造价软件 <b>{{staff.0.username}}</b>：</p>
				             <p name="contentHtml" style="margin-top:0px;margin-bottom:15px;color:#383838;font-size:16px;line-height:32px;">*邮件的正文内容将会出现在这里，右侧填写后可直接预览。</p></td>
				            </tr>
				           </tbody>
				          </table>
				          </td>
				        </tr>           
				       </tbody>
				      </table>
				      </td>
				    </tr><tr><td><table align="center" style="width:640px;margin-bottom:60px;position:relative">
				            <tbody><tr>
				             <td align="center" style="padding:20px 0;position:absolute;left:50%;margin-left:-40px;bottom:115px"><a style="text-decoration:none;" href="http://www.teambition.com/" target="_blank"><img width="80px" height="80" src="http://zonghengvideo.qiniudn.com/zonghenglogo.png"></a></td>
				            </tr>
				      	        <tr>
				             <td style="padding: 10px 0 0;background:#F6F6F6;">
              <table>
                <tr>
                  <td style="font-size:14pxl;color:#666;padding:0 20px"><b>纵横软件公司{{staff.0.category}}服务中心</b><br>{{staff.0.username}}<br><a href="http://www.smartcost.com.cn" style="color:#666;font-size:12px;text-decoration:underline;">smartcost.com.cn</a></td>
                  <td>
                    <table>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">电话：</th><td style="padding:0 20px 0 0">{{staff.0.phone}}</td>
                      <th align="right">手机：</th><td>{{staff.0.telephone}}</td>
                    </tr>
                    <tr style="font-size:12px;color:#666">
                      <th align="right">Q Q：</th><td>{{staff.0.qq}}</td>
                      <th align="right">邮箱： </th><td>{{staff.0.email}}</td>
                      </tr>
                  </table>
                  </td>
                </tr>
              </table>

             </td>
				            </tr>
				        <tr>
									<td style="padding: 0 40px;"><p style="color:#496781;padding:10px 0;text-align:center;margin:0;font-size:12px">珠海纵横创新软件有限公司 <a href="http://www.smartcost.com.cn" style="color:#496781;text-decoration:underline;">smartcost.com.cn</a></p></td>
				        </tr>
				      </tbody></table>
				    	</td>
				    </tr>
				   </tbody>
				  </table>
				  </div>
				<!-- 邮件模板 -->			
							</div>
						</div>
						<div class="mailForm  mailAutoHeigh">
							<form action="/createEmail" method="post" enctype="multipart/form-data"> 
								<div class="control-group">
		              <label class="control-label">邮件标题</label>
		              <div class="controls">
		                <input type="text" name="title" id="title" value="" >
		             	</div>
		            </div>
								<div class="control-group">
		              <label class="control-label">邮件皮肤</label>
		              <div class="controls">
                    <label class="radio inline">
								    <input type="radio" id="inlineradio1" checked name="skin" value="1"><span class="mclabel" style="background-color:#ff6501;">&nbsp;</span>
								    </label>
								    <label class="radio inline">
								    <input type="radio" id="inlineradio2" name="skin" value="2"><span class="mclabel" style="background-color:#6990a2;">&nbsp;</span>
								    </label>
								    <label class="radio inline">
								    <input type="radio" id="inlineradio3" name="skin" value="3"><span class="mclabel" style="background-color:#8bbf7f;">&nbsp;</span>
								    </label>
		             	</div>
		            </div>
								<div class="control-group">
		              <label class="control-label">正文内容</label>
		              <div class="controls">
		              <script id="content" name="content" type="text/plain" style="width:410px;"></script>
		                
		             	</div>
		            </div>
								<div class="control-group">
		              <label class="control-label">发送范围</label>
		              <div class="controls">
								    <label class="radio inline">
								    	<input type="radio" name="stype" checked  onclick="tabC(1,2)" value="1"> 个人标签
								    	
								    </label>
								    <label class="radio inline" >
								    <input type="radio" name="stype" onclick="tabC(2,1)"  value="2"> 地区
								    </label>
		             	</div>
		            </div>
								<div class="control-group">
		              <div class="controls clearfix">
		              <ul class="cateList">
		              <li>
		              	<div id="tab1">
		              	<!-- loop tagList -->
			  			<label><span data-original-title="{{tagList' value.name}}" data-toggle="ctooltip" data-placement="right" class="contactsTag tagCol-0{{tagList' value.colorid}}">
			  			<input type="checkbox" name="tagId[]" value="{{tagList' value.tid}}"></span></label>
			  			<!-- endloop -->
			  			</div>
			  			<div id="tab2" style="display:none">
			  				
			  				<ul class="cateList">
				              <li>
				              	
				             
			  				
			  				<select name="did" >
			  				<!-- loop districtList -->
					    						    		<option value="{{districtList' value.id}}">{{districtList' value.name}}</option>
					    						    <!-- endloop -->
					    						    		
					    						    	</select>
					    						    </li>
				              <li>
				              
			  				<!-- loop nature -->
			  				<label>
			  				<input type="checkbox" name="nature[]" value="{{nature' value}}">{{nature' value}}
			  				</label>
			  				<!-- endloop -->
			  					<label>
				  				<input type="checkbox" name="natureNULL" id="natureNULL" value="">无性质
				  				</label>
				              </li>
				            </ul>
			  			</div>
			  			
			  		</li>
			  		</ul>
		             	</div>
		            </div>
								<div class="control-group">
		              <label class="control-label">附件（文件小于10M，暂只支持1个附件）</label>
		              <div class="controls">
		                <label class="radio inline">
								    	<input type="file" name="annex" id="file" /> 
								    </label>
		             	</div>
		              <label class="control-label">支持文件：doc,xls,pdf,ppt,txt,smr,spu,zip,rar,jpg,png</label>
		            </div>
								<div class="control-group">
		              <div class="controls">
		              	<input type="submit" class="button" value="创建邮单" />
		                
		             	</div>
		            </div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>

<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('content');

</script>


<script type="text/javascript">autoFlashHeight();</script>	
</body>