book_admin/application/admin/view/messagecustom/linktextmedia/multisendmessage.html

<link rel="stylesheet" href="{:$site['cdnurl']}/assets/css/backend/imgtextmedia.css?v={:$site['version']}">
<style type="text/css">
	.img_txt_add_but:hover,.img_txt_add_but:active,.img_txt_add_but:focus{
		color: #1581ff
	}
	.dyhcheck{background:#f2f2f2;padding:10px 0;}
	.dyhcheck label{padding:0 20px;}
	.dyhcheck label input{margin-right:10px;}

	.toptabul{border-bottom:1px solid #333;height:42px;}
.toptabul li{float:left;margin-right:10px;}
.toptabul li a{display:block;padding:0 10px;position:relative;top:1px;height:41px;line-height:41px;}
.toptabul li.cur a{color:#1D81FD;border-bottom:1px solid #1D81FD;}
.queryformdiv{padding:0 0 20px;overflow:hidden;}
.queryformdiv .input1{width:150px;height:30px;border:1px solid #a9a9a9;vertical-align:middle;}
.queryformdiv label{padding-right:35px;float:left;margin-top:20px;}
.queryformdiv span{width:80px;float:left;height:30px;line-height:30px;}
.queryformdiv .sub{width:128px;height:30px;border:none;background:#199ed8;color:#fff;}
.addtuwen li{margin:20px;float:left;width:298px;border:1px solid #e4e4e4;text-align:center;}
.addtuwen li span{font-weight:bold;font-size:34px;display:block;}
.addtuwen li a{display:block;height:128px;padding-top:40px;}

#pubuliu{width:80%;margin:0 auto;}
#pubuliu .column{ float:left;width:280px;margin-right:50px;}
#pubuliu .column:last-child{margin:0;}

.wxb-card-item-inner .article-actions .action-item{position:relative;}
.wxb-card-item-inner .article-actions .action-item em.alt{position:absolute;width: 50px;left: 50%;text-align:center;margin-left: -25px;top: -20px;display:none;font-style:normal;}
.wxb-card-item-inner .article-actions .action-item:hover em.alt{display:block;}
.radio > label > input, .checkbox > label > input{
	margin: 4px 0 0;
}
</style>
<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
	<!-- JS 中需要使用 -->
	<input type="hidden" id="acc_type_hid" value="{$acc_type}">
	<input type="hidden" id="admin_id" value="{$admin_id}">
	{eq name="acc_type" value="1"}
	<!--发送订阅号-->
	{include file="vipcustom/common/sublist" /}
	<!--发送订阅号end-->
	{/eq}
	<div class="form-group">
        <label for="c-sendtime" class="control-label col-xs-12 col-sm-2">*{:__('发送时间')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-sendtime" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="sendtime" type="text" value="{:date('Y-m-d H:i:s')}">
			<div class="s_time_box">
				<span stime="600000">10分钟后</span>
				<span stime="1800000">30分钟后</span>
				<span stime="3600000">1小时后</span>
			</div>
			<!--<div class="s_time_txt">客服消息发送对象与时间关系较大，若发送时间较晚，则可能预估送达偏差较大</div>-->
        </div>
    </div>
	{include file="vipcustom/common/sendfans" /}
    <div class="form-group" style="padding-bottom: 80px;">
        <div class="col-xs-2"></div>
        <div class="col-xs-12 col-sm-8 btn_save_media_but">
            <button type="button" class="btn btn-close">取消</button>
            <button type="submit" class="btn btn-success btn-info" data-save-val="0">发送</button>
        </div>
    </div>

</form>
<style type="text/css">
	::-webkit-input-placeholder{
		color:#d2d2d2;
	}
	:-moz-placeholder{
		color:#d2d2d2;
	}
	::-moz-placeholder{
		color:#d2d2d2;
	}
	:-ms-input-placeholder{
		color:#d2d2d2;
	}


	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none !important;
		margin: 0;
	}

	.test_fans_input{
		float: left;
		padding: 6px 10px;
		height: 30px;
		width: 30%;
		border: 1px solid #ddd;
		box-sizing: border-box;
	}
	.test_fans_input input{
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border: 0;
		color: #666;
		font-size: 14px;
		outline: none;
	}
	.test_fans_but{
		display: block;
		margin: 0 0 10px 32%;
		height: 30px;
		width: 90px;
		background-color: #f0a233;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 30px;
	}
	
	
	.s_time_box{
		overflow: hidden;
	}
	.s_time_box span{
		float: left;
		margin: 6px 10px 6px 0;
		height: 24px;
		font-size: 14px;
		line-height: 24px;
		cursor: pointer;
		color: #1581ff;
	}
	.s_time_txt{
		overflow: hidden;
		margin: 0 0 10px;
		font-size: 14px;
		color: #666;
		line-height: 24px;
	}
	
	.s_tag_box{
		overflow: hidden;
		padding: 20px 20px 0;
		background-color: #f1f1f1;
	}
	.s_tag_li,
	.s_tag_footer{
		overflow: hidden;
	}
	
	.s_tag_li strong{
		float: left;
		height: 36px;
		width: 90px;
		font-size: 14px;
		color: #666;
		text-align: right;
		font-weight: normal;
		line-height: 36px;
	}
	.s_tag_li_list{
		margin-left: 100px;
		overflow: hidden;
	}
	
	.s_tag_li_list span{
		overflow: hidden;
		float: left;
		margin: 6px 10px 6px 0;
		padding: 0 6px;
		height: 24px;
		color: #666;
		cursor: pointer;
		line-height: 24px;
		border-radius: 2px;
	}
	.s_tag_li_list .s_s_tag{
		background-color: #1581ff;
		color: #fff;
	}
	
	.s_tag_footer{
		margin-top: 10px;
		padding: 10px 0;
		border-top: 1px solid #ddd;
		line-height: 24px;
	}
	.s_tag_footer strong,
	.s_tag_footer span{
		display: inline;
		height: 24px;
		width: 90px;
		font-size: 14px;
		color: #666;
		text-align: right;
		font-weight: normal;
		line-height: 36px;
	}
	
	
	
	
	
	.img_txt_box{
		padding: 20px;
		width: 380px;
		background-color: #f1f1f1;
		box-sizing: border-box;
	}
	.img_txt_list{
		padding: 10px 0;
		background-color: #fff;
	}
	.img_txt_list > div:last-child{
		border-bottom: 0;
	}
	.img_txt_one{
		padding: 0 20px 10px;
		border-bottom: 1px solid #e9e9e9;
	}
	.img_txt_one_tit{
		overflow: hidden;
		margin-bottom: 10px;
		border-bottom: 1px solid #e9e9e9;
		cursor: pointer;
	}
	.img_txt_one_tit i,
	.img_txt_li_txt i{
		float: right;
		height: 22px;
		width: 22px;
		background-color: #18bc9c;
		text-align: center;
		color: #fff;
		cursor: pointer;
		line-height: 22px;
	}
	.img_txt_one_h3,
	.img_txt_li_h3,
	.img_txt_one_url,
	.img_txt_li_url{
		overflow: hidden;
		margin: 0 26px 0 0;
		padding: 0 0 4px 0;
		font-size: 14px;
		color: rgba(0,0,0,0.6);
		line-height: 22px;
	}
	.img_txt_one_url,
	.img_txt_li_url{
		margin: 0 60px 0 0;
	}
	.img_txt_edit_url{
		margin-left: 6px;
	}
	.img_txt_li_h3{
		margin-bottom: 8px;
		height: 44px;
	}
	.img_txt_one_h3 input,
	.img_txt_li_h3 input,
	.img_txt_one_url input,
	.img_txt_li_url input{
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		height: 22px;
		font-size: 14px;
		color: rgba(0,0,0,0.6);
		outline: none;
	}
	.img_txt_one_url input,
	.img_txt_li_url input{
		color: #1581ff;
	}
	.img_txt_one_img{
		overflow: hidden;
		cursor: pointer;
	}
	.img_txt_one_img img{
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		width:100%;
	}
	
	.img_txt_li{
		position: relative;
		left: 0;
		top: 0;
		overflow: hidden;
		padding: 10px 20px;
		border-bottom: 1px solid #e9e9e9;
	}
	.img_txt_li_img{
		overflow: hidden;
		float: right;
		height: 78px;
		width: 78px;
	}
	.img_txt_li_img img{
		display: block;
		width: 78px;
		height: 78px;
	}
	.img_txt_li_txt{
		position: relative;
		left: 0;
		top: 0;
		margin: 0 88px 0 0;
		overflow: hidden;
	}
	.img_txt_li_txt a,
	.img_txt_one_tit a{
		display: block;
		overflow: hidden;
		padding: 3px 0;
		height: 26px;
		font-size: 14px;
		color: #1581ff;
		line-height: 20px;
		white-space: normal;
		word-break: break-all;
		word-wrap: break-word;
		box-sizing: border-box;
	}
	
	.img_txt_add_but{
		display: block;
		margin-top: 20px;
		height: 40px;
		font-size: 16px;
		color: #1581ff;
		text-align: center;
		line-height: 40px;
	}
	.img_txt_add_but i{
		font-size: 16px;
		vertical-align: middle;
	}
	.img_txt_remvoe{
		display: none;
		position: absolute;
		right: 0;
		bottom: 0;
		height: 36px;
		width: 36px;
		cursor: pointer;
	}
	.img_txt_li:hover .img_txt_remvoe{
		display: block;
	} 
	.img_txt_remvoe:before {
		content: "";
		width: 0;
		height: 0;
		overflow: hidden;
		border: 18px solid transparent;
		border-bottom-color: #d0021b;
		border-right-color: #d0021b;
		_border-bottom-style: solid;
		_border-right-style: solid;
		position: absolute;
		left: 0;
		top: 0;
	}
	.img_txt_remvoe:after {
		content: "\f1f8";
		position: absolute;
		right: 2px;
		bottom: 2px;
		color: #fff;
		font-size: 16px;
	}
	.s_tag_footer span{
		margin-right: 20px;
	}
	a{
		opacity: .8;
	}
	a:hover{
		color: #fff;
		opacity: 1;
	}
	
	.s_tag_fans_num{
		display: inline-block;
		padding: 0 10px;
		height: 24px;
		font-size: 12px;
		color: #fff;
		background-color: #f0a233;
		border-radius: 2px;
	}
	a:active,
	a:focus {
	  outline: none;
	  text-decoration: none;
	  color: #fff;
	}
	.s_tag_fans_show .s_tag_fans_allowed{
		display: inline-block;
	}
	.s_tag_fans_show .s_tag_fans_num{
		display: none;
	}
	.s_tag_fans_allowed{
		display: none;
		padding: 0 10px;
		height: 24px;
		font-size: 12px;
		color: #fff;
		background-color: #ddd;
		cursor: not-allowed;
		border-radius: 2px;
	}
</style>
<script>
    var datas = {};
</script>