contrast_ai/framework/builtin/core/template/display.html

<div class="panel we7-panel panel-reply">
	<div class="panel-heading">
		{if $_GPC['a'] == 'qr'}二维码触发的关键字
		{elseif $_GPC['a'] == 'mass'}群发内容
		{else}
			{if $_GPC['c'] == 'mc' && $_GPC['a'] == 'chats'}发送聊天内容{else}触发后回复内容{/if}
			{if $_GPC['a'] == 'reply' && !empty($_GPC['m']) && $_GPC['m'] == 'keyword'}<span class="pull-right color-gray">添加多条回复内容时, 随机回复其中一条</span>{/if}
		{/if}
	</div>
	<div class="panel-body we7-padding">
	<input type="hidden" name="reply[reply_basic]" value="">
	<input type="hidden" name="reply[reply_news]" value="">
	<input type="hidden" name="reply[reply_image]" value="">
	<input type="hidden" name="reply[reply_music]" value="">
	<input type="hidden" name="reply[reply_voice]" value="">
	<input type="hidden" name="reply[reply_video]" value="">
	<input type="hidden" name="reply[reply_keyword]" value="">
	<input type="hidden" name="reply[reply_module]" value="">
	<input type="hidden" name="reply[reply_wxapp]" value="">
		<ul class="keywords-list">
		</ul>
		<div class="we7-select-msg">
			<ul class="tab-navs">
				<li class="tab-nav tab-appmsg active {if $options['news']}hidden{/if}">
					<a href="javascript:void(0);"{if $_GPC['a'] == 'mass'} onclick="select_mediaid('news', 'wx')"{else} onclick="select_mediaid('news')"{/if}>
						<img src="./resource/images/reply/appmsg-icon.png" alt="">
						<span class="msg-tab-title">图文</span>
					</a>
				</li>
				<li class="tab-nav tab-text {if $options['basic']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('basic');">
						<img src="./resource/images/reply/text-icon.png" alt="">
						</i><span class="msg-tab-title">文字</span>
					</a>
				</li>
				<li class="tab-nav tab-img {if $options['image']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('image');">
						<img src="./resource/images/reply/image-icon.png" alt="">
						<span class="msg-tab-title">微信图片</span>
					</a>
				</li>
				<li class="tab-nav tab-audio {if $options['music']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('music');">
						<img src="./resource/images/reply/music-icon.png" alt="">
						<span class="msg-tab-title">音乐</span>
					</a>
				</li>
				<li class="tab-nav tab-audio {if $options['voice']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('voice');">
						<img src="./resource/images/reply/radio-icon.png" alt="">
						<span class="msg-tab-title">语音</span>
					</a>
				</li>
				<li class="tab-nav tab-video {if $options['video']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('video');">
						<img src="./resource/images/reply/vedio-icon.png" alt="">
						<span class="msg-tab-title">视频</span>
					</a>
				</li>
				<li class="tab-nav tab-video {if $options['wxapp']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('wxapp');">
						<img src="./resource/images/reply/wxapp-icon.png" alt="">
						<span class="msg-tab-title">小程序</span>
					</a>
				</li>
				<li class="tab-nav tab-cardmsg {if $options['keyword']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('keyword');">
						<img src="./resource/images/reply/keyword-icon.png" alt="">
						<span class="msg-tab-title">{if !empty($_GPC['m']) && $_GPC['m'] == 'welcome'}匹配{else}触发{/if}关键字</span>
					</a>
				</li>
				<li class="tab-nav tab-cardmsg {if $options['module']}hidden{/if}">
					<a href="javascript:void(0);" onclick="select_mediaid('module');">
						<img src="./resource/images/reply/module-icon.png" alt="">
						<span class="msg-tab-title">模块</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>
<script>
	var action = "{php echo empty($_GPC['a']) ? '' : $_GPC['a']}";
	var m = "{php echo empty($_GPC['m']) ? '' : $_GPC['m']}";

	//删除已选素材
	var delmedia = function(type, ele) {
		var oldVal = $(':hidden[name="reply[reply_'+type+']"]').val();
		var newVal;
		var media = $(ele).attr('data-media');
		switch(type) {
			case 'basic':
				var middleVal = oldVal.split(',');
				newVal = angular.copy(middleVal);
				angular.forEach(middleVal, function(val, key) {
					middleVal[key] = htmlEncode(angular.toJson(val));
				});
				var index = _.indexOf(middleVal, htmlEncode(angular.toJson(media)));
				newVal = _.without(newVal, newVal[index]);
				$(':hidden[name="reply[reply_'+type+']"]').val(newVal);
				break;
			case 'image':
				var middleVal = oldVal.split(',');
				newVal = angular.copy(middleVal);
				newVal = _.without(newVal, '"' + media + '"');
				$(':hidden[name="reply[reply_'+type+']"]').val(newVal);
				break;
			case 'news':
				var middleVal = JSON.parse('[' +oldVal + ']' );
				newVal = angular.copy(middleVal);
				var findKey = false
				angular.forEach(middleVal, function(val, key){
					if(!findKey && val.mediaid == media ) {
						findKey = key
					}
				});
				newVal.splice(findKey, 1)
				angular.forEach(newVal, function(val, key) {
					newVal[key] = angular.toJson(val)
				});
				$(':hidden[name="reply[reply_'+type+']"]').val(newVal);
				break;
			case 'music':
				var middleVal = JSON.parse('[' +oldVal + ']' );
				newVal = angular.copy(middleVal);
				var findKey = false
				angular.forEach(middleVal, function(val, key){
					if(!findKey && val.url == media ) {
						findKey = key
					}
				});
				newVal.splice(findKey, 1)
				angular.forEach(newVal, function(val, key) {
					newVal[key] = angular.toJson(val)
				});
				$(':hidden[name="reply[reply_'+type+']"]').val(newVal);
				break;
			case 'video':
				
				var middleVal = JSON.parse('[' +oldVal + ']' );
				newVal = angular.copy(middleVal);
				var findKey = false
				angular.forEach(middleVal, function(val, key){
					if(!findKey && val.mediaid == media ) {
						findKey = key
					}
				});
				newVal.splice(findKey, 1)
				angular.forEach(newVal, function(val, key) {
					newVal[key] = angular.toJson(val)
				});
				$(':hidden[name="reply[reply_'+type+']"]').val(newVal);
				break;
			case 'voice':
				var middleVal = oldVal.split(',');
				newVal = angular.copy(middleVal);
				newVal = _.without(newVal, '"' + media + '"');
				$(':hidden[name="reply[reply_'+type+']"]').val(newVal);
				break;
			case 'wxapp':
				oldVal = JSON.parse('[' +oldVal + ']' )
				oldVal.splice(media, 1)
				var newVal = []
				for(var i in oldVal) {
					newVal.push(angular.toJson(oldVal[i]))
				}
				$(':hidden[name="reply[reply_'+type+']"]').val(newVal);
				break;
			case 'keyword':
				oldVal = oldVal.split(',');
				index = _.indexOf(oldVal, media);
				oldVal.splice(index, 1);
				$(':hidden[name="reply[reply_'+type+']"]').val(oldVal);
				break;
			case 'module':
				oldVal = oldVal.split(',');
				index = _.indexOf(oldVal, media);
				oldVal.splice(index, 1);
				$(':hidden[name="reply[reply_'+type+']"]').val(oldVal);
				break;
		}
		//显示隐藏-start
		if((action == 'qr' || action == 'mass' || m == 'special' || m == 'welcome' || m == 'default') && $(':hidden[name="reply[reply_'+type+']"]').val().length == 0) {
			$('.we7-select-msg').removeClass('hide');
		}
		//显示隐藏-end
		$(ele).parent().parent('.del-'+type+'-media').parent('li').remove();
	};

	window.select_mediaid = function(type, otherVal){
		var draft = "{php echo !empty($_GPC['a']) && $_GPC['a'] == 'mass' ? true : false}";
		var option = {
			type: type,
			isWechat : type != 'music' || draft, // 默认显示微信
			needType : 3, //  除了图文 其他只能微信
			otherVal : otherVal,//
			showType: type == 'news' && !draft ? 3 : (type != 'music' && !draft ? 1 : 2), // 只显示微信素材
			others: {
				image: {
					needType : 1
				},
				video : {
					needType : 1
				},
				voice : {
					needType : 3
				}
			},
			is_draft : draft,
			is_wx : draft && type == 'news' ? 1 : 0,
			is_local : draft && type == 'news' ? 1 : 0,
			is_index : draft && type == 'news' ? 2 : 0,
		};
		if (type == 'module'){
			document.cookie = "special_reply_type={php echo empty($_GPC['type']) ? '' : $_GPC['type']}";
		}
		util.material(function(material){
			var replyVal = [];
			$(':hidden[name="reply[reply_'+type+']"]').val() == '' ? '' : replyVal.push($(':hidden[name="reply[reply_'+type+']"]').val());
			if (type == 'basic') {
				if (angular.isDefined(otherVal)) {
					var editmedia = $(".del-basic-media");
					for (var i = 0; i < editmedia.length; i++) {
						if (htmlEncode($(editmedia.get(i)).find('.edit-gray').data('media')) == htmlEncode(angular.toJson(otherVal))) {
							var inputVal = $(':hidden[name="reply[reply_'+type+']"]').val();
							var inputValArr = inputVal.split(',');
							var middleVal = angular.copy(inputValArr);
							angular.forEach(inputValArr, function(val, key) {
								inputValArr[key] = htmlEncode(val);
							});
							var index = _.indexOf(inputValArr, htmlEncode(angular.toJson(otherVal)));
							material.content = material.content.replace(/,/g, '，');
							middleVal[index] = angular.toJson(material.content);
							replyVal = middleVal.join(',');
							$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
							$(editmedia.get(i)).html(
								'	<div class="desc">'+
								'		<div class="media-content">'+
								'			<span data-toggle="tooltip" data-placement="bottom" title="'+htmlEncode(material.content)+'">'+htmlEncode(cutStr(material.content,60))+
								'			</span>'+
								'		</div>'+
								'	</div>'+
								'	<div class="opr">'+
								'		<a href="javascript:;" data-media="'+htmlEncode(angular.toJson(material.content))+'" class="edit-gray" onclick="select_mediaid(\'basic\', '+htmlEncode(angular.toJson(material.content))+')">编辑</a>'+
								'		<a href="javascript:;" data-media="'+htmlEncode(angular.toJson(material.content))+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
								'	</div>'
							);
							break;
						}
					}
				} else {
					if($.trim(material.content).length == 0) {
						return false;
					}
					material.content = material.content.replace(/,/g, '，');
					replyVal.push(angular.toJson(material.content));
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					$('.keywords-list').append(
						'<li>'+
						'<div class="del-'+type+'-media">'+
						'	<div class="desc">'+
						'		<div class="media-content">'+
						'			<span data-toggle="tooltip" data-placement="bottom" title="'+htmlEncode(material.content)+'">'+htmlEncode(cutStr(material.content,60))+'</span>'+
						'		</div>'+
						'	</div>'+
						'	<div class="opr">'+
						'		<a href="javascript:;" data-media="'+htmlEncode(angular.toJson(material.content))+'" class="edit-gray" onclick="select_mediaid(\'basic\', '+htmlEncode(angular.toJson(material.content))+')">编辑</a>'+
						'		<a href="javascript:;" data-media="'+htmlEncode(angular.toJson(material.content))+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
						'	</div>'+
						'</div>'+
						'</li>'
					);
				}
			} else if(type == 'keyword') {
				if($.trim(material.id).length == 0) {
					return false;
				}
				replyVal.push(material.id);
				$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
				var keywords = [];
				for(var i = 0; i < material.length; i++) {
					keywords += '&nbsp;&nbsp;' + material.content;
				}
				$('.keywords-list').append(
					'<li>'+
					'<div class="del-'+type+'-media">'+
					'	<div class="desc">'+
					'		<div class="media-content">'+
					'				<a class="title-wrp" href="javascript:;">'+
					'					<span class="title">[关键字]'+material.content+'</span>'+
					'				</a>'+
					'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+keywords+'</a></p>'+
					'		</div>'+
					'	</div>'+
					'	<div class="opr">'+
					// '		<a href="./index.php?c=platform&a=reply&do=post&m=keyword&rid=' + material.rid + '" target="_blank" class="del-gray">编辑</a> '  +
					'		<a href="javascript:;" data-media="'+material.content+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
					'	</div>'+
					'</div>'+
					'</li>'
				);

			} else if(type == 'module') {
				if($.trim(material.name).length == 0) {
					return false;
				}
				$('.keywords-list').append(
						'<li>'+
						'<div class="del-'+type+'-media">'+
						'	<div class="desc">'+
						'		<div class="media-content">'+
						'			<div class="appmsgSendedItem">'+
						'				<a class="title-wrp" href="javascript:;">'+
						'					 <span class="icon cover" style="background-image:url('+material.icon+');"></span>'+
						'					<span class="title">[模块]'+material.title+'</span>'+
						'				</a>'+
						'			</div>'+
						'		</div>'+
						'	</div>'+
						'	<div class="opr">'+
						'		<a href="javascript:;" data-media="'+material.name+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
						'	</div>'+
						'</div>'+
						'</li>'
				);
				replyVal.push(material.name);
				$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
			} else {
				if(type != 'music' && type != 'wxapp' && ($.trim(material.media_id).length == 0 && $.trim(material.article_id).length == 0) && !(type == 'news' && material.model == 'local')) {
					return false;
				};
				switch(type) {
					case 'image':
						replyVal.push(angular.toJson(material.media_id));

						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					 <span class="icon cover" style="background-image:url('+material.url+');"></span>'+
							'					<span class="title">[图片]</span>'+
							'				</a>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+material.media_id+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
						break;
					case 'news':
					replyVal.push(angular.toJson({
						title: material.items[0].title,
						author: material.items[0].author,
						description: material.items[0].digest,
						thumb: material.items[0].thumb_url,
						url: material.items[0].content_source_url ? material.items[0].content_source_url : material.items[0].url,
						createtime: material.items[0].createtime,
						displayorder: material.items[0].displayorder ? material.items[0].displayorder : 0,
						mediaid: material.media_id,
						articleid: material.article_id,
						model: material.model,
						attach_id: material.items[0].attach_id
					}));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					<span class="icon cover" style="background-image:url('+material.items[0].thumb_url+');"></span>'+
							'					<span class="title">[图文消息]'+material.items[0].title+'<span class="color-red">（多条图文只显示一条)</span></span>'+
							'				</a>'+
							'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+material.items[0].digest+'</a></p>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							// '		<a href="./index.php?c=platform&a=material-post&type=reply&newsid='+material.id+'" target="_blank" class="del-gray">编辑</a>'+
							'		<a href="javascript:;" data-media="'+material.media_id+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
						break;
					case 'voice':
						replyVal.push(angular.toJson(material.media_id));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="audio-msg">'+
							'				<div class="icon-audio-wrp">'+
							'					<span class="icon-audio-msg"></span>'+
							'				</div>'+
							'				<div class="audio-content">'+
							'					<div class="audio-title">[语音]'+material.filename+'</div>'+
							'				</div>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+material.media_id+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
						break;
					case 'video':
						replyVal.push(angular.toJson({
							mediaid: material.media_id,
							title: material.tag.title,
							description: material.tag.description
						}));

						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					 <span class="icon cover" data-contenturl="'+material.tag.down_url+'"></span>'+
							'					<span class="title">[视频]'+material.filename+'</span>'+
							'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+(material.tag.description ? material.tag.description : '--')+'</a></p>'+
							'				</a>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+material.media_id+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
						break;
					case 'music':
						replyVal.push(angular.toJson({
							title: material.title,
							url: material.url,
							hqurl: material.HQUrl,
							description: material.description,
						}));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					 <span class="icon cover" style="background-image:'+material.url+';"></span>'+
							'					<span class="title">[音乐]'+material.title+'</span>'+
							'				</a>'+
							'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+material.description+'</a></p>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+material.url+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
						break;
					case 'wxapp': 
						if(material.media_id && !material.appid) {
							setTimeout(function() {
								window.select_mediaid(type, {image: material})
							}, 300)
						} else {
							var length = JSON.parse('[' +$(':hidden[name="reply[reply_'+type+']"]').val() + ']' ).length
							replyVal.push(angular.toJson(material));
							$('.keywords-list').append(
								'<li>'+
								'<div class="del-'+type+'-media">'+
								'	<div class="desc">'+
								'		<div class="media-content">'+
								'			<div class="appmsgSendedItem">'+
								'				<a class="title-wrp" href="javascript:;">'+
								'					 <span class="icon cover" style="background-image:url('+material.mediaUrl+');"></span>'+
								'					<span class="title">[小程序]'+material.title+'</span>'+
								'				<p class="desc"><a href="javascript:;" class="appmsg-desc"></a></p>'+
								'				</a>'+
								'			</div>'+
								'		</div>'+
								'	</div>'+
								'	<div class="opr">'+
								'		<a href="javascript:;" data-media="'+(length)+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
								'	</div>'+
								'</div>'+
								'</li>'
							);
						}
						break;
				}
				$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
			}
			//显示隐藏-start
			if((action == 'qr' || action == 'mass' || m == 'special' || m == 'welcome' || m == 'default') && replyVal.length > 0) {
				$('.we7-select-msg').addClass('hide');
			}
			//显示隐藏-end
		}, option);
	};

	window.initReplyController = function($scope) {
		$scope.context = {};
		$scope.context.items = {php echo json_encode($replies)};
		var newsMediaIds = [];
		var module_name = [];
		var keyword_rids = [];
		angular.forEach($scope.context.items, function(val, key){
			var replyVal = [];
			var type = key;
			switch(type) {
				case 'basic':
					angular.forEach(val, function(basicVal, basicKey) {
						replyVal.push(angular.toJson(basicVal.content));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<span data-toggle="tooltip" data-placement="bottom"  title="'+htmlEncode(basicVal.content)+'">'+htmlEncode(cutStr(basicVal.content,60))+'</span>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+htmlEncode(angular.toJson(basicVal.content))+'" class="edit-gray" onclick="select_mediaid(\'basic\', '+htmlEncode(angular.toJson(basicVal.content))+')">编辑</a>'+
							'		<a href="javascript:;" data-media="'+htmlEncode(angular.toJson(basicVal.content))+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					break;
				case 'news':
					angular.forEach(val, function(newsVal, newsKey) {
						var index = _.indexOf(newsMediaIds, newsVal.media_id);
						replyVal.push(angular.toJson({
							title: newsVal.title,
							author: newsVal.author,
							description: newsVal.description ? newsVal.description : newsVal.digest,
							thumb: newsVal.thumb ? newsVal.thumb : newsVal.thumb_url,
							url: newsVal.url,
							createtime: newsVal.createtime,
							displayorder: newsVal.displayorder ? newsVal.displayorder : 0,
							incontent: newsVal.incontent ? newsVal.incontent : 0,
							parent_id: newsVal.parent_id ? newsVal.parent_id : 0,
							mediaid: newsVal.media_id,
							attach_id: newsVal.attach_id,
							model: newsVal.model
						}));
						if (index == -1) {
							$('.keywords-list').append(
								'<li>'+
								'<div class="del-'+type+'-media">'+
								'	<div class="desc">'+
								'		<div class="media-content">'+
								'			<div class="appmsgSendedItem">'+
								'				<a class="title-wrp" href="javascript:;">'+
								'					<span class="icon cover" style="background-image:url('+(newsVal.thumb ? newsVal.thumb : newsVal.thumb_url)+');"></span>'+
								'					<span class="title">[图文消息]'+newsVal.title+(!newsVal.attach_id ? '<span class="color-red">（素材不存在或已被删除）</span>' : '')+
								'					</span>'+
								'				</a>'+
								'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+(newsVal.description ? newsVal.description : '')+'</a></p>'+
								'			</div>'+
								'		</div>'+
								'	</div>'+
								'	<div class="opr">'+
										// '<a href="./index.php?c=platform&a=material-post&type=reply&newsid='+(newsVal.attach_id ? newsVal.attach_id : '')+'&reply_news_id='+newsVal.id+'" target="_blank" class="del-gray">编辑</a>'  +
								'		<a href="javascript:;" data-media="'+newsVal.media_id+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
								'	</div>'+
								'</div>'+
								'</li>'
							);
							newsMediaIds.push(newsVal.media_id);
						}
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					break;
				case 'image':
					angular.forEach(val, function(imageVal, imageKey) {
						replyVal.push(angular.toJson(imageVal.mediaid));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					 <span class="icon cover" style="background-image:url('+imageVal.img_url+');"></span>'+
							'					<span class="title">[图片]</span>'+
							'				</a>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+imageVal.mediaid+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					break;
				case 'voice':
					angular.forEach(val, function(voiceVal, voiceKey) {
						replyVal.push(angular.toJson(voiceVal.mediaid));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="audio-msg">'+
							'				<div class="icon-audio-wrp">'+
							'					<span class="icon-audio-msg"></span>'+
							'				</div>'+
							'				<div class="audio-content">'+
							'					<div class="audio-title">[语音]'+voiceVal.title+'</div>'+
							'				</div>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+voiceVal.mediaid+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					break;	
				case 'video':
					angular.forEach(val, function(videoVal, videoKey) {
						replyVal.push(angular.toJson({
							mediaid: videoVal.mediaid,
							title: videoVal.title,
							description: videoVal.description
						}));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					 <span class="icon cover" data-contenturl="'+videoVal.down_url+'"></span>'+
							'					<span class="title">[视频]'+(videoVal.filename ? videoVal.filename : '--')+'</span>'+
							'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+(videoVal.description ? videoVal.description : '--')+'</a></p>'+
							'				</a>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+videoVal.mediaid+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					break;
				case 'wxapp': 
					angular.forEach(val, function(material, videoKey) {
						replyVal.push(angular.toJson(material));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					 <span class="icon cover" style="background-image:url('+material.thumb_url+');"></span>'+
							'					<span class="title">[小程序]'+material.title+'</span>'+
							'				<p class="desc"><a href="javascript:;" class="appmsg-desc"></a></p>'+
							'				</a>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+videoKey+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					break;
				case 'keyword':
					angular.forEach(val, function(keywordVal, keywordKey) {
						replyVal.push(angular.toJson(keywordVal.id));
						var keywords = '&nbsp;&nbsp;' + keywordVal.content;
						$('.keywords-list').append(
								'<li>'+
								'<div class="del-'+type+'-media">'+
								'	<div class="desc">'+
								'		<div class="media-content">'+
								'				<a class="title-wrp" href="javascript:;">'+
								'					<span class="title">[关键字]'+keywordVal.name+'</span>'+
								'				</a>'+
								'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+keywords+'</a></p>'+
								'		</div>'+
								'	</div>'+
								'	<div class="opr">'+
								// '<a href="./index.php?c=platform&a=reply&do=post&m=keyword&rid=' + keywordVal.rid + '" target="_blank" class="del-gray">编辑</a> '  +
								'<a href="javascript:;" data-media="'+keywordVal.name+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
								'	</div>'+
								'</div>'+
								'</li>'
						);
						keyword_rids.push(keywordVal.id);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(keyword_rids);
					break;
				case 'module':
					angular.forEach(val, function(keywordVal, keywordKey) {
						replyVal.push(angular.toJson(keywordVal.rid));
						var keywords = '&nbsp;&nbsp;' + keywordVal.content;
						$('.keywords-list').append(
								'<li>'+
								'<div class="del-'+type+'-media">'+
								'	<div class="desc">'+
								'		<div class="media-content">'+
								'			<div class="appmsgSendedItem">'+
								'				<a class="title-wrp" href="javascript:;">'+
								'					 <span class="icon cover" style="background-image:url('+keywordVal.icon+');"></span>'+
								'					<span class="title">[模块]'+keywordVal.title+'</span>'+
								'				</a>'+
								'			</div>'+
								'		</div>'+
								'	</div>'+
								'	<div class="opr">'+
								'		<a href="javascript:;" data-media="'+keywordVal.name+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
								'	</div>'+
								'</div>'+
								'</li>'
						);
						module_name.push(keywordVal.name);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(module_name);
					break;
				case 'music':
					angular.forEach(val, function(musicVal, musicKey) {
						replyVal.push(angular.toJson({
							title: musicVal.title,
							url: musicVal.url,
							hqurl: musicVal.hqurl,
							description: musicVal.description,
						}));
						$('.keywords-list').append(
							'<li>'+
							'<div class="del-'+type+'-media">'+
							'	<div class="desc">'+
							'		<div class="media-content">'+
							'			<div class="appmsgSendedItem">'+
							'				<a class="title-wrp" href="javascript:;">'+
							'					 <span class="icon cover" style="background-image:'+musicVal.url+';"></span>'+
							'					<span class="title">[音乐]'+musicVal.title+'</span>'+
							'				</a>'+
							'				<p class="desc"><a href="javascript:;" class="appmsg-desc">'+musicVal.description+'</a></p>'+
							'			</div>'+
							'		</div>'+
							'	</div>'+
							'	<div class="opr">'+
							'		<a href="javascript:;" data-media="'+musicVal.url+'" class="del-gray" onclick="delmedia(\''+type+'\', this)">删除</a>'+
							'	</div>'+
							'</div>'+
							'</li>'
						);
					});
					$(':hidden[name="reply[reply_'+type+']"]').val(replyVal);
					break;
			}
			//显示隐藏-start
			if((action == 'qr' || action == 'mass' || m == 'special' || m == 'welcome' || m == 'default') && replyVal.length > 0) {
				$('.we7-select-msg').addClass('hide');
			}
			//显示隐藏-end
		});
	};

	function htmlEncode(str) {
		var s = "";
		if(str.length == 0) return "";
		s = str.replace(/&/g,"&amp;");
		s = s.replace(/</g,"&lt;");
		s = s.replace(/>/g,"&gt;");
		s = s.replace(/\'/g,"&#039;");
		s = s.replace(/\"/g,"&quot;");
		s = s.replace(/\n/g, "\\n");
		return s;
	}
	function htmlDecode(str) {
		var s = "";
		if(str.length == 0) return "";
		s = str.replace(/&amp;/g,"&");
		s = s.replace(/&lt;/g,"<");
		s = s.replace(/&gt;/g,">");
		s = s.replace(/&#039;/g,"'");
		s = s.replace(/&quot;/g,'"');
		s = s.replace(/\\n/g,'\n');
		return s;
	}
    function cutStr(str, len) {
        var str_length = 0;
        var str_len = 0;
        str_cut = new String();
        str_len = str.length;
        for (var i = 0; i < str_len; i++) {
            a = str.charAt(i);
            str_length++;
            if (escape(a).length > 4) {
                //中文字符的长度经编码之后大于4  
                str_length++;
            }
            str_cut = str_cut.concat(a);
            if (str_length >= len) {
                str_cut = str_cut.concat("...");
                return str_cut;
            }
        }
        //如果给定字符串小于指定长度，则返回源字符串；  
        if (str_length < len) {
            return str;
        }
    }
	$(document).on("mouseover","body",function(){
	 	$("[data-toggle='tooltip']").tooltip();
	});
</script>
<style lang="scss">
	.we7-select-msg ul li.tab-nav {
			width: 160px !important;
			padding: 10px 0 !important;
	}
</style>