<#-- 单页应用模板(移动版) 公共页(生成新引用页) -->
<!DOCTYPE html>
<html>
<head>
	<base href="${baseURL}">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="format-detection" content="telephone=no">
	<title>${title}</title>
	<meta name="_title" content="${title}"/>
	<meta name="keywords" content="${keywords}"/>
	<meta name="description" content="${description}"/>
	<meta name="_baseURL" content="${baseURL}"/>
	<meta name="_commonPath" content="${commonPath}"/>
	<meta name="_contextPath" content="${contextPath}"/>
	<meta name="_token" content="${token}"/>
	<meta name="_userId" content="${systemUser.userId}"/>
	<meta name="_userName" content="${systemUser.userName}"/>
	<meta name="_weixin_oa_appid" content="${weixin_oa_appid}"/>
	<meta name="_fileStorageSystem" content="${fileStorageSystem}"/>
	<style>
		/*兼容template标签*/
		template { 
			display: none !important; 
	    }
	</style>
	<link href="${commonPath}css/themify-icons/style.css" type="text/css" rel="stylesheet">
	<script src="${commonPath}js/zepto.min.js" type="text/javascript"></script>
	
	<style>
	
   [v-cloak]{
	  display: none;
	}


    </style>
    
    
    
</head>
<body>

<div id="wap">
	<keep-alive :include="cacheComponents" >
		<router-view></router-view>
	</keep-alive>
</div>







<!-- 首页 -->
<template id="index-template">
	<!-- 一个组件下只能有一个并列的div -->
	<div>
		<div class="indexModule">
			<div v-show="show_topic">
				<div class="head">
					<div class="tagIcon" @click="displayAllTag();" ><i class="cms-menu-alt"></i></div>
					<div class="tagName">{{tagName == '' ?  '全部' : tagName}}</div>
	
					<div class="button"><mt-button type="primary"  @click.native="addTopicUI();" style="height: 28px;font-size: 16px;">发表话题</mt-button></div>
					
				</div>
				<div ref ="placeholderVideo" style="width: 0px;height: 0px;"></div>
				<div class="topicList">
				    <div class="item" v-for="topic in topicList" >
				    	<div class="avatarBox">
				            <img :src="topic.avatarPath+'100x100/'+topic.avatarName" v-if="topic.avatarName != null && topic.avatarName != ''">
				        	<!-- 首字符头像-->
				         	<img :ref="'avatarData_'+topic.id"  v-if="topic.avatarName == null || topic.avatarName == ''">
				         	
				        </div>
				    	<div class="topInfo">                                   
				            <div class="top-box">
				            	<span class="cancelNickname" v-if="topic.account == null || topic.account == ''">已注销</span>
				            	<router-link class="userName" tag="span" :to="{path: '/user/control/home', query: {userName: topic.userName}}">
					            	{{topic.nickname != null && topic.nickname != '' ? topic.nickname : topic.account}}
					            </router-link>
				            	<span class="staff" v-if="topic.isStaff">官方人员</span>
				            	<span class="userRoleName" v-for="roleName in topic.userRoleNameList">{{roleName}}</span>
				            </div>
				            <div class="bottom-box">
				            	<i class="time">{{topic.postTime}}</i>
				            </div>
				            
				        </div>
				        <div class="clearfix"></div>
						
				      	<div class="titleBox">
				      		<div class="cancelAccount" v-if="topic.account == null || topic.account == ''">此用户账号已注销</div>
						
				      		<router-link tag="span" class="title" :to="{path: '/thread', query: {topicId: topic.id}}" >{{topic.title}}</router-link>
				      		<i class="topicRoleName" v-for="(roleName,index) in topic.allowRoleViewList" ><span>{{roleName}}</span></i>
				      		
			      			<span :class="'hideTagType hide_'+key"  v-for="(value, key) in topic.hideTagTypeMap">
                      			<span class="circle point" v-if="value==true"><i class="cms-unlock-solid" ></i></span>
                      			<span class="circle" v-if="value==false"><i class="cms-lock-solid" ></i></span>
	                      	</span>
	                      	<span class="essence" v-if="topic.essence == true"><span>精华</span></span>
                    		<span class="top" v-if="topic.sort >0"><span>置顶</span></span>
			      		
				      		
	                      	<span class="redEnvelope" alt="红包" title="红包" v-if="topic.giveRedEnvelopeId != null && topic.giveRedEnvelopeId != ''"><i class="cms-redEnvelope-1" ></i></span>
	                     
				      	</div>
				      	
				        <div class="summary" v-if="topic.imageInfoList.length ==0 && topic.mediaInfoList.length ==0">
							<span>{{topic.summary}}</span>
						</div>
						<div class="videoInfo" v-if="topic.mediaInfoList.length > 0" >
				        	<!-- 视频最多显示1个 -->
				        	<player v-for="(mediaInfo,index) in topic.mediaInfoList" v-if="index ==0" :ref="'player_'+topic.id+'_'+index"  @click="createVideoPlayer(mediaInfo.mediaUrl,mediaInfo.cover,mediaInfo.thumbnail,topic.id,index);">
								<img class="cover" :src="mediaInfo.cover"/>
								<span class="circle"><span class="iconBox"><i class="cms-control-play playIcon"></i></span></span>
														
							</player>
						</div>
				       
						
						<div class="imageInfo" v-if="topic.imageInfoList.length >0 && topic.mediaInfoList.length ==0" v-viewer="pictureOptions">
							<div class="image-box">
								<div class="image-box image-column">
									<!-- 本地缩略图 图片最多显示6个 -->
									<div v-for="(imageInfo,index) in topic.imageInfoList" v-if="$store.state.fileStorageSystem ==0 && index <6" class="image" v-lazy:background-image="imageInfo.path+'240x240/'+imageInfo.name" >
										<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
										<div class="ratio" ></div>
									</div>
									<!-- SeaweedFS缩略图 图片最多显示6个 -->
									<div v-for="(imageInfo,index) in topic.imageInfoList" v-if="$store.state.fileStorageSystem ==10 && index <6" class="image" v-lazy:background-image="imageInfo.path+imageInfo.name+'?width=240'" >
										<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
										<div class="ratio" ></div>
									</div>
									<!-- MinIO缩略图 图片最多显示6个 -->
									<div v-for="(imageInfo,index) in topic.imageInfoList" v-if="$store.state.fileStorageSystem ==20 && index <6" class="image" v-lazy:background-image="imageInfo.path+imageInfo.name+'?width=240'" >
										<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
										<div class="ratio" ></div>
									</div>
									<!-- 阿里云OSS缩略图 图片最多显示6个 -->
									<div v-for="(imageInfo,index) in topic.imageInfoList" v-if="$store.state.fileStorageSystem ==30 && index <6" class="image" v-lazy:background-image="imageInfo.path+imageInfo.name+'?x-oss-process=image/resize,w_240'" >
										<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
										<div class="ratio" ></div>
									</div>
								</div>
							</div>
						</div>
						
						<div class="detailInfo">                                   
				            <span class="bLeft">
				                <div class="tagName">{{topic.tagName}}</div>
				            </span>
				            <p class="bRight">
				            	<i class="cms-commentCount " style="font-size: 12px;"></i><span style="margin-left: 2px;margin-right: 5px;">{{topic.commentTotal}}</span>
				            	<i class="cms-view " style="font-size: 12px;"></i><span style="margin-left: 2px;">{{topic.viewTotal}}</span>
				            </p>
				        </div>
				    </div>
				    <div class="topicPage page">
				    	<router-link :to="{path: '/index', query: {tagId: tagId,page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
				    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
				    	<router-link :to="{path: '/index', query: {tagId: tagId,page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
				    </div>
				</div>
			</div>
			<!-- 发表话题 -->
			<div v-show="show_editor">
				<mt-header fixed title="发表话题" style="background: #fafafa; color: #000000;font-size: 14px">
			    	<mt-button icon="back" @click.native="showTopicList(true)" slot="left" >返回</mt-button>
				</mt-header> 
				<div class="addTopicScroll">
					<div class="box" >
						<div class="addTopicForm" >
							<ul>
								<li>
									<mt-field v-model.trim="topicTitle" label="标题" placeholder="输入标题" type="textarea" rows="2" ></mt-field>
									<p class="tips">
								    	<span>{{error.topicTitle}}</span>	
								    </p>
								</li>
								<li class="sign" >
						        	<div class="tag"  @click="displayTag($event)">
							        	<div class="title" >标签</div>
										<div class="name" >{{topicTagName}}</div>
							        </div>
						        	<p class="tips">
								    	<span>{{error.topicTagId}}</span>
								    </p>
						        </li>
						        <li class="sign"  v-if="showRedEnvelope">
						        	<div class="tag"  @click="redEnvelopeFormLayer()" >
							        	<div class="title" >红包</div>
							        	<div class="name" ></div>
							        </div>
						        </li>
						        <div v-if="redEnvelope_layer">
						        <li>
						        	<mt-radio v-model="giveRedEnvelope_type" title="红包类型" :options="[{label: '随机金额红包',value: 20},{label: '固定金额红包',value: 30}]" @click="selectRedEnvelopeType()" ></mt-radio>
		        				</li>
		        				<li v-if="giveRedEnvelope_type == 20">
						        	<mt-field v-model.trim="giveRedEnvelope_totalAmount" label="红包总金额" placeholder="输入金额" type="text" @input="totalAmountCalculate()"></mt-field>
									<p class="tips">
								    	<span>{{error.totalAmount}}</span>	
								    </p>
								    <p class="help">
								    	<span v-if="giveRedEnvelopeAmountMin >0">合计总金额不能少于 {{giveRedEnvelopeAmountMin}} 元；</span>	
								    	<span v-if="giveRedEnvelopeAmountMax != null && giveRedEnvelopeAmountMax >0">合计总金额不能超过 {{giveRedEnvelopeAmountMax}} 元；</span>	
								    	<span>用户共有金额 {{deposit}} 元</span>	
								    </p>
								</li>
								<li v-if="giveRedEnvelope_type == 30">
						        	<mt-field v-model.trim="giveRedEnvelope_singleAmount" label="单个红包金额" placeholder="输入金额" type="text" @input="singleAmountCalculate()"></mt-field>
									<p class="tips">
								    	<span>{{error.singleAmount}}</span>	
								    </p>
								    <p class="help">
								    	<span v-if="giveRedEnvelopeAmountMin >0">合计总金额不能少于 {{giveRedEnvelopeAmountMin}} 元；</span>	
								    	<span v-if="giveRedEnvelopeAmountMax != null && giveRedEnvelopeAmountMax >0">合计总金额不能超过 {{giveRedEnvelopeAmountMax}} 元；</span>	
								    	<span>用户共有金额 {{deposit}} 元</span>	
								    </p>
								</li>
								<li>
						        	<mt-field v-model.trim="giveRedEnvelope_giveQuantity" label="红包数量" placeholder="输入数量" type="text" @input="singleAmountCalculate()"></mt-field>
									<p class="tips">
								    	<span>{{error.giveQuantity}}</span>	
								    </p>
								</li>
								<li class="item">
						        	<div class="tag" >
							        	<div class="title" >合计总金额</div>
										<div class="name" >{{giveRedEnvelope_totalAmountView}}</div>
							        </div>
						        	<p class="tips">
								    	<span>{{error.redEnvelopeLimit}}</span>
								    </p>
						        </li>
						        </div>
								<li class="richText">
									<div ref="topicContentEditorToolbar" class="editor-toolbar"></div>
									<div ref="topicContentEditorText"  class="editor-text"></div>
									<p class="tips">
								    	<span>{{error.topicContent}}</span>	
								    </p>
								</li>
								
								<li v-show="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						      
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
									<mt-button  type="primary" size="large"  @click.native="addTopic">提交</mt-button>
									<p class="tips">
								    	<span>{{error.topic}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 标签选择 -->
			<mt-popup v-model="popup_tag" position="bottom" style="width: 100%; height: 70%;">
				<mt-picker :slots="tagSlots" @change="onTagChange" value-key="name" ></mt-picker>
				<mt-tabbar fixed style='height:40px;margin-left: 3px;margin-right: 3px;padding-bottom:5px; '>
					<mt-button type="primary" size="large" @click.native="popup_tag = false" >确定</mt-button> 
				</mt-tabbar>
			</mt-popup>
			
			<!-- 全部标签 -->
			<mt-popup v-model="popup_allTag" position="bottom" style="width: 100%; height: 60%;">
				<div ref="tagScroll" class="tagModule">
					<div class="box" >
						
				        <div class="tagList" >
				            <div>
				            	<router-link :to="{path: '/index'}"  :class="tagId == '' ? 'selected' :''" @click.native="popup_allTag = false" >全部</router-link>     
			                	
			                	<router-link v-for="(tag,index) in tagList" :to="{path: '/index', query: {tagId: tag.id}}" :class="tagId == tag.id ? 'selected' :''" @click.native="popup_allTag = false" >
			                		<i class="icon cms-chess-queen-solid" v-if="tag.allowRoleViewList.length >0"></i>
			                		{{tag.name}}
			                	</router-link>            
				            
				            </div> 
				        </div> 
					</div>
				</div>
			</mt-popup> 
		</div>
		<bottomtab-component></bottomtab-component>
	</div>
</template>

<!-- 话题内容 -->
<template id="thread-template">
	<div>
		<div v-show="show_topic">
			<mt-header fixed title="话题" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    	<router-link to="/index" slot="right">
				    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header>
			<div class="topicContentModule">
				<div class="head-box">
					<div class="userInfo clearfix">                                   
						<!-- router-link渲染成<div>标签 -->
				    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: topic.userName}}">
				        	<img :src="topic.avatarPath+'100x100/'+topic.avatarName" v-if="topic.avatarName != null && topic.avatarName != ''">
				            <!-- 首字符头像-->
				         	<img ref="topicUserAvatar"  v-if="topic.avatarName == null || topic.avatarName == ''">
				        </router-link>
			            <div class="left">
			                <div class="topInfo">                                   
					            <div class="top-box">
					            	<span class="cancelNickname" v-if="topic.account == null || topic.account == ''">已注销</span>
					            	<router-link class="userName" tag="span" :to="{path: '/user/control/home', query: {userName: topic.userName}}">
					            		{{topic.nickname != null && topic.nickname != '' ? topic.nickname : topic.account}}
					            	</router-link>
					            	<span class="staff" v-if="topic.isStaff">官方人员</span>
					            	<span class="userRoleName" v-for="roleName in topic.userRoleNameList">{{roleName}}</span>
					            </div>
					            <div class="bottom-box">
					            	<i class="time">{{topic.postTime}}</i>
					            </div>
					        </div>
			            </div>
			            <div class="right">
			            	<div class="button" v-if="topic.isStaff == false">
								<mt-button type="primary" :disabled="following" plain style="height: 28px;font-size: 16px;" @click.native="addFollow(topic.userName)">{{following == true ? '已关注':'关注'}}</mt-button>
							</div>
			            </div>
			        </div>
				</div>
				<div class="receiveRedEnvelope" v-if="giveRedEnvelope != null && giveRedEnvelope != ''">
					<div class="redEnvelope" v-if="giveRedEnvelope.remainingQuantity > 0">
						<div class="box">
							<div class="head-bg">
								<div class="head"></div>
							</div>
							<div class="body">
								<div class="avatarBox" >
									<img :src="giveRedEnvelope.avatarPath+giveRedEnvelope.avatarName" v-if="giveRedEnvelope.avatarName != null && giveRedEnvelope.avatarName != ''">
									<!-- 首字符头像-->
				         			<img ref="giveRedEnvelopeUserAvatar"  v-if="giveRedEnvelope.avatarName == null || giveRedEnvelope.avatarName == ''">
								</div>
								<div class="content">给大家发个红包</div>
							</div>
							<div class="btn" v-if="giveRedEnvelope.accessUserUnwrap == false" @click="grabRedEnvelope(giveRedEnvelope.id)">开</div>
							<div class="open-btn" v-if="giveRedEnvelope.accessUserUnwrap == true">已拆</div>
						</div>
					</div>
					<div class="noRedEnvelope" v-if="giveRedEnvelope.remainingQuantity == 0">
						<div class="box">
							<div class="content">您来晚了，红包已被抢光</div>
						</div>
					</div>
					
					<!-- 已领红包用户 -->
					<div class="receiveRedEnvelopeUser">
						<div class="box" >
							<span v-for="(receiveRedEnvelope,index) in receiveRedEnvelopeList" >
								<img :class="(receiveRedEnvelope.id == selectedReceiveRedEnvelopeId) ? 'avatar active' : 'avatar'"  @click="selectReceiveRedEnvelopeUser(receiveRedEnvelope.id)"  v-tooltip="{ content: ''+(receiveRedEnvelope.receiveNickname != null && receiveRedEnvelope.receiveNickname !='' ? receiveRedEnvelope.receiveNickname : receiveRedEnvelope.receiveAccount)+' 获得 '+receiveRedEnvelope.amount+' 元', show: ((receiveRedEnvelope.id == selectedReceiveRedEnvelopeId) ? true : false),trigger: 'manual'}" :src="receiveRedEnvelope.receiveAvatarPath+'100x100/'+receiveRedEnvelope.receiveAvatarName" v-if="receiveRedEnvelope.receiveAvatarName != null && receiveRedEnvelope.receiveAvatarName != ''">
								<img :class="(receiveRedEnvelope.id == selectedReceiveRedEnvelopeId) ? 'avatar active' : 'avatar'"  @click="selectReceiveRedEnvelopeUser(receiveRedEnvelope.id)"  v-tooltip="{ content: ''+(receiveRedEnvelope.receiveNickname != null && receiveRedEnvelope.receiveNickname !='' ? receiveRedEnvelope.receiveNickname : receiveRedEnvelope.receiveAccount)+' 获得 '+receiveRedEnvelope.amount+' 元', show: ((receiveRedEnvelope.id == selectedReceiveRedEnvelopeId) ? true : false),trigger: 'manual' }" :ref="'redEnvelopeAvatarData_'+receiveRedEnvelope.id"   v-if="(receiveRedEnvelope.receiveAvatarName == null || receiveRedEnvelope.receiveAvatarName=='') && (receiveRedEnvelope.receiveAccount != null && receiveRedEnvelope.receiveAccount !='')">
								<img :class="(receiveRedEnvelope.id == selectedReceiveRedEnvelopeId) ? 'avatar active' : 'avatar'"  @click="selectReceiveRedEnvelopeUser(receiveRedEnvelope.id)"  v-tooltip="{ content: '此用户账号已注销'+' 获得 '+receiveRedEnvelope.amount+' 元', show: ((receiveRedEnvelope.id == selectedReceiveRedEnvelopeId) ? true : false),trigger: 'manual' }" :ref="'redEnvelopeAvatarData_'+receiveRedEnvelope.id"   v-if="(receiveRedEnvelope.receiveAvatarName == null || receiveRedEnvelope.receiveAvatarName=='') && (receiveRedEnvelope.receiveAccount == null || receiveRedEnvelope.receiveAccount =='')">

							</span>
						</div>
						<div class="more" v-if="receiveRedEnvelope_more">
							<i class="icon cms-angle-down" @click="queryReceiveRedEnvelopeUserList(receiveRedEnvelopeCurrentPage+1)"></i>
						</div>
					</div>
				</div>
					
				<div class="topicDetail">
					<div class="head">
				    	<div class="titleBox">
				    		<h1 class="title">{{topic.title}}</h1>
				    		<span class="essence" v-if="topic.essence == true"><span>精华</span></span>
	                    	<span class="top" v-if="topic.sort >0"><span>置顶</span></span>
				    	</div>
				    	
				    	<div class="info clearfix">                                 
				            <span class="left">
				            	 <div class="tagName">{{topic.tagName}}</div>
				            </span>
				            <p class="right">
				            
				            	<span v-if="topic.ipAddress != null && topic.ipAddress != ''"><span class="ipAddress-icon cms-map-pin-line" ></span>{{topic.ipAddress}}</span>
				            	<span class="count-icon cms-commentCount" ></span>{{topic.commentTotal}} 
								<span class="view-icon cms-view" ></span>{{topic.viewTotal}}
								<span class="fast cms-ellipsis-v-solid" @click="topicOperatingUI(topic.userName,topic.id)" ></span>
	                        
				            </p>
				        </div> 
					</div>
				
					<div class="main" :class="$route.query.reportModule !=undefined && parseInt($route.query.reportModule) == 10 ? 'reportMark' : ''" v-viewer="pictureOptions" >
						<div v-if="topic.lastUpdateTime != null" class="lastUpdateTime" >最后修改时间：{{topic.lastUpdateTime}}</div>
						
						<div class="cancelAccount" v-if="topic.account == null || topic.account == ''">此用户账号已注销</div>
						<!-- 内容 v-lazy-container为延迟加载-->
						<component v-lazy-container="{ selector: 'img'}" v-bind:is ="hideTagComponent(topic.content)" v-bind="$props" /> 
						
					</div>
					<div class="operating">
						<div class="bottomInfo">
							<mt-button type="default" plain @click.native="addFavorite(topic.id);"  :disabled="alreadyCollected" style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 36px;font-size: 16px;"><span class="cms-favorites icon"></span>{{favoriteCount}}{{alreadyCollected == true ? '已收藏':'收藏'}}</mt-button>
						 	<mt-button type="default" plain @click.native="addLike(topic.id,10);"  :disabled="alreadyLiked" style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 36px;font-size: 16px;"><span class="cms-thumb-up icon"></span>{{likeCount}}{{alreadyLiked == true ? '已赞':'赞'}}</mt-button>
						
						</div>
					</div> 
				</div>
				<div class="commentList">
					<div class="item" :class="$route.query.reportModule !=undefined && parseInt($route.query.reportModule) == 20 && comment.id == $route.query.commentId ? 'reportMark' : ''" v-for="(comment,index) in commentList" :id="'anchor_'+comment.id">
						<div class="head">
							<!-- router-link渲染成<div>标签-->
					    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: comment.userName}}">
					        	<img :src="comment.avatarPath+'100x100/'+comment.avatarName" v-if="comment.avatarName != null && comment.avatarName != ''">
								<!-- 首字符头像-->
				         		<img :ref="'commentAvatarData_'+comment.id"  v-if="comment.avatarName == null || comment.avatarName == ''">
				         	
					        </router-link>
							<span class="info" >
								<!-- router-link渲染成<h2>标签-->
						    	<router-link tag="h2" class="clearfix" :to="{path: '/user/control/home', query: {userName: comment.userName}}">
						        	<div class="cancelNickname" v-if="comment.account == null || comment.account == ''">已注销</div>
						        	
						        	<div class="userName">{{comment.nickname != null && comment.nickname != '' ? comment.nickname : comment.account}}</div>
						        	<div class="userTag">	        
								        <i class="userRoleName" v-for="roleName in comment.userRoleNameList" >{{roleName}}</i>
								        <i class="staff" v-if="comment.isStaff">官方人员</i>
								        <i class="master" v-if="comment.userName == topic.userName && comment.isStaff == topic.isStaff">作者</i>
							        </div>
						        </router-link>
	                        	
	                          	<div class="time clearfix">{{comment.postTime}}<span v-if="comment.ipAddress != null && comment.ipAddress != ''"><span class="separate">·</span>{{comment.ipAddress}}</span></div>
	                        </span>
	                        <span class="fast cms-ellipsis-v-solid" @click="commentOperatingUI(comment.userName,comment.id)" ></span>
	                        <span class="floor">{{index+1}}楼</span>              
	                    </div>
	                    <div class="main">
	                    	<!--
							<div class="quote"  v-if="comment.quoteList != null && comment.quoteList.length >0" v-html="quoteData[comment.id]">
								
							</div>  -->
							
							<div class="quote"  v-if="comment.quoteList != null && comment.quoteList.length >0" >
								<component v-bind:is ="quoteDataComponent(quoteData[comment.id])" v-bind="$props" />
							</div>
							
							<p class="commentContent" v-viewer="pictureOptions">
								
								<component v-lazy-container="{ selector: 'img'}" v-bind:is ="commentDataComponent(comment.content)" v-bind="$props" />
							</p>
		                    <div class="replyList" v-if="comment.replyList.length >0">
								<ul class="box">
								
									<li v-for="(reply,index2) in comment.replyList" v-show="(replyExpandOrShrink[comment.id]) || (replyExpandOrShrink[comment.id] == false && index2 <viewNumber)" :key="reply.id" :replyId="reply.id" :ref="'replyData_'+reply.id" >
								        <div :class="$route.query.reportModule !=undefined && parseInt($route.query.reportModule) == 30 && reply.id == $route.query.replyId ? 'reply-reportMark' : ''">
									        <div class="reply-top" >
										        <!-- router-link渲染成<div>标签-->
										    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: reply.userName}}">
										        	<img :src="reply.avatarPath+'100x100/'+reply.avatarName" v-if="reply.avatarName != null && reply.avatarName != ''">
										            <!-- 首字符头像-->
					         						<img :ref="'replyAvatarData_'+reply.id"  v-if="reply.avatarName == null || reply.avatarName == ''">
					         	
										        </router-link>
										        <span class="info" >
													<!-- router-link渲染成<h2>标签-->
											    	<router-link tag="span" class="left-box clearfix" :to="{path: '/user/control/home', query: {userName: reply.userName}}">
											        	<div class="cancelNickname" v-if="reply.account == null || reply.account == ''">已注销</div>
											        	
											        	<div class="userName">{{reply.nickname != null && reply.nickname != '' ? reply.nickname : reply.account}}</div>
											        	<div class="userTag">	        
													        <i class="staff" v-if="reply.isStaff">官方人员</i>
													        <i class="master" v-if="reply.userName == topic.userName && reply.isStaff == topic.isStaff">作者</i>
												        </div>
											        </router-link>
						                        	
						                          	<div class="time clearfix">{{reply.postTime}}<span v-if="reply.ipAddress != null && reply.ipAddress != ''"><span class="separate">·</span>{{reply.ipAddress}}</span></div>
						                        </span>
						                        <span class="fast cms-ellipsis-v-solid" @click="replyOperatingUI(reply)" ></span>
		                        
											</div>
											<div style="clear:both; height: 0; line-height: 0; font-size: 0;"></div>
											<!-- 回复对方用户 -->
	                                        <div class="friendInfo-wrap" v-if="reply.friendUserName != null && reply.friendUserName != ''">
	                                        	<div class="friendInfo">
	                                            	<div class="icon-container">
	                                            		<i class="icon cms-caret-right"></i>
	                                            	</div>
	                                            	
	                                            	<div class="avatarImg-container">
	                                                   <router-link v-if="reply.friendUserName!= null && reply.friendUserName != ''" tag="a" :to="{path:'/user/control/home',query: {userName: reply.friendUserName}}">
	                                                       <span class="avatarImg">
	                                                           <img v-if="reply.friendAvatarName != null" :src="reply.friendAvatarPath+'100x100/'+reply.friendAvatarName" class="img">
	                                                       
	                                                           <img v-if="reply.friendAvatarName == null" :ref="'replyFriendAvatarData_'+reply.id"  class="img"/>
	                                                       </span>
	                                                   </router-link>
	                                            	</div>
	                                            	
	                                            	<div class="nameInfo-container">
	                                                	<span class="nameInfo" >
	                                                    	<span v-if="reply.friendAccount == null || reply.friendAccount == ''" class="cancelNickname">已注销</span>
	                                                    	<router-link tag="a" v-if="reply.friendAccount != null && reply.friendAccount != ''" class="userName" :to="{path:'/user/control/home',query: {userName: reply.friendUserName}}">
	                                                        	<span v-if="reply.friendNickname != null && reply.friendNickname != ''">{{reply.friendNickname}}</span>
	                                                        	<span v-if="reply.friendNickname == null || reply.friendNickname == ''">{{reply.friendAccount}}</span>
	                                                    	</router-link>
	                                                	</span>
	                                            	</div>
	                                        	</div>
	                                       </div>
											<div class="replyContent">
												<div class="cancelAccount" v-if="reply.account == null || reply.account == ''">此用户账号已注销</div>
												{{reply.content}}
											</div>
										</div>
									</li>
								</ul>
								
								<div class="link" v-if="comment.replyList.length >2">
									<span @click="telescopicReply(comment.id);" v-if="replyExpandOrShrink[comment.id]">点击收缩</span>
									<span @click="telescopicReply(comment.id);" v-else>剩余{{comment.replyList.length-2}}条</span>
								</div>
								
							</div>                           
						</div>
					</div>
					<div class="commentPage page">
				    	<router-link :to="{path: '/thread', query: {topicId: topicId,page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
				    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
				    	<router-link :to="{path: '/thread', query: {topicId: topicId,page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
				    </div>
				    
				    <div style="margin-left: 10px;margin-right: 10px; margin-top: 10px; padding-bottom:10px;">
						<mt-button  type="primary" size="large"  @click.native="addCommentUI">发表评论</mt-button>
					</div>
				</div>
				
				
				
				<!-- 发表回复 -->
				<mt-popup v-model="popup_reply" position="right" style="width: 100%;height: 100%;">
					<mt-header fixed title="发表回复" style="background: #fafafa; color: #000000;font-size: 14px">
				    	<mt-button icon="back" @click.native="popup_reply = false;" slot="left" >返回</mt-button>
				    	<router-link to="/index" slot="right" @click.native="popup_reply = false" >
				    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
						</router-link>
					</mt-header> 
					<div ref="addReplyFormScroll" class="addReplyScroll">
						<div class="box" >
							<div class="addReplyForm" >
								<ul>
									<li>
										<mt-field v-model.trim="replyContent" label="回复" placeholder="输入回复内容" type="textarea" rows="5" ></mt-field>
										<p class="tips">
									    	<span>{{error.replyContent}}</span>	
									    </p>
									</li>
									
									<li v-if="showCaptcha" >
							        	<input type="hidden" v-model="captchaKey">
							        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
											
										</mt-field>
										<div style="position: absolute;right: 0px;margin-top: -45px; ">
											<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
										</div>
										<p class="tips">
									    	<span>{{error.captchaValue}}</span>	
									    </p>
							        </li>
							       
							        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
										<mt-button  type="primary" size="large"  @click.native="addReply">提交</mt-button>
										<p class="tips">
									    	<span>{{error.reply}}</span>	
									    </p>
										
									</li>
								</ul>
							</div>
							
						</div>
					</div>
				</mt-popup>
				
				<!-- 添加回复对方 -->
				<mt-popup v-model="popup_addReplyFriend" position="right" style="width: 100%;height: 100%;">
					<mt-header fixed title="回复对方" style="background: #fafafa; color: #000000;font-size: 14px">
				    	<mt-button icon="back" @click.native="popup_addReplyFriend = false" slot="left" >返回</mt-button>
				    	<router-link to="/index" slot="right" @click.native="popup_addReplyFriend = false" >
				    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
						</router-link>
					</mt-header> 
					<div ref="addReplyFriendFormScroll" class="addReplyFriendScroll">
						<div class="box" >
							<div class="addReplyFriendForm" >
								<ul>
									<li class="friendUser">
										@{{friendUser}}
									</li>
									<li>
										<mt-field v-model.trim="addReplyFriendContent" label="回复" placeholder="输入回复内容" type="textarea" rows="5" ></mt-field>
										<p class="tips">
									    	<span>{{error.addReplyFriendContent}}</span>	
									    </p>
									</li>
									
									<li v-if="showCaptcha" >
							        	<input type="hidden" v-model="captchaKey">
							        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
											
										</mt-field>
										<div style="position: absolute;right: 0px;margin-top: -45px; ">
											<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
										</div>
										<p class="tips">
									    	<span>{{error.captchaValue}}</span>	
									    </p>
							        </li>
							       
							        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
										<mt-button  type="primary" size="large"  @click.native="addReplyFriend">提交</mt-button>
										<p class="tips">
									    	<span>{{error.reply}}</span>	
									    </p>
										
									</li>
								</ul>
							</div>
						</div>
					</div>
				</mt-popup>
				
				<!-- 修改回复 -->
				<mt-popup v-model="popup_editReply" position="right" style="width: 100%;height: 100%;">
					<mt-header fixed title="修改回复" style="background: #fafafa; color: #000000;font-size: 14px">
				    	<mt-button icon="back" @click.native="popup_editReply = false" slot="left" >返回</mt-button>
				    	<router-link to="/index" slot="right" @click.native="popup_editReply = false" >
				    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
						</router-link>
					</mt-header> 
					<div ref="editReplyFormScroll" class="editReplyScroll">
						<div class="box" >
							<div class="editReplyForm" >
								<ul>
									<li>
										<mt-field v-model.trim="editReplyContent" label="回复" placeholder="输入回复内容" type="textarea" rows="5" ></mt-field>
										<p class="tips">
									    	<span>{{error.editReplyContent}}</span>	
									    </p>
									</li>
									
									<li v-if="showCaptcha" >
							        	<input type="hidden" v-model="captchaKey">
							        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
											
										</mt-field>
										<div style="position: absolute;right: 0px;margin-top: -45px; ">
											<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
										</div>
										<p class="tips">
									    	<span>{{error.captchaValue}}</span>	
									    </p>
							        </li>
							       
							        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
										<mt-button  type="primary" size="large"  @click.native="editReply">提交</mt-button>
										<p class="tips">
									    	<span>{{error.editReply}}</span>	
									    </p>
										
									</li>
								</ul>
							</div>
						</div>
					</div>
				</mt-popup>
			</div>
		</div>
		<!-- 发表评论 -->
		<div v-show="show_commentEditor">
			<mt-header fixed title="发表评论" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="showTopic(true)" slot="left" >返回</mt-button>
		    	<router-link to="/index" slot="right">
		    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="topicContentModule" style="margin-top: -40px;">
				<div class="addCommentScroll">
					<div class="box" >
						<div class="addCommentForm" >
							<ul>
								<li>
									<div ref="commentContentEditorToolbar" class="editor-toolbar"></div>
									<div ref="commentContentEditorText"  class="editor-text"></div>
									<p class="tips">
								    	<span>{{error.commentContent}}</span>	
								    </p>
								</li>
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px; ">
									<mt-button  type="primary" size="large"  @click.native="addComment">提交</mt-button>
									<p class="tips">
								    	<span>{{error.comment}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 引用评论 -->
		<div v-show="show_quoteEditor" >
			<mt-header fixed title="引用评论" style="background: #fafafa; color: #000000;font-size: 14px">
			    <mt-button icon="back" @click.native="showTopic(true)" slot="left" >返回</mt-button>
			    <router-link to="/index" slot="right">
			    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="topicContentModule"  style="margin-top: -40px;">
				<div class="addQuoteScroll">
					<div class="box" >
						<div class="addQuoteForm" >
							<ul>
								<li>
									<div class="quoteBox">
										{{quoteCommentContent}}
									</div>
								</li>
								<li>
									<div ref="quoteContentEditorToolbar" class="editor-toolbar"></div>
									<div ref="quoteContentEditorText"  class="editor-text"></div>
									<p class="tips">
								    	<span>{{error.quoteContent}}</span>	
								    </p>
								</li>
								
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						       
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
									<mt-button  type="primary" size="large"  @click.native="addQuote">提交</mt-button>
									<p class="tips">
								    	<span>{{error.quote}}</span>
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 修改评论 -->
		<div v-show="show_editCommentEditor" >
			<mt-header fixed title="修改评论" style="background: #fafafa; color: #000000;font-size: 14px">
			    <mt-button icon="back" @click.native="showTopic(true)" slot="left" >返回</mt-button>
			    <router-link to="/index" slot="right">
			    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="topicContentModule"  style="margin-top: -40px;">
				<div class="editCommentScroll">
					<div class="box" >
						<div class="editCommentForm" >
							<ul>
								<li>
									<div ref="editCommentContentEditorToolbar" class="editor-toolbar"></div>
									<div ref="editCommentContentEditorText"  class="editor-text"></div>
									<p class="tips">
								    	<span>{{error.editCommentContent}}</span>	
								    </p>
								</li>
								
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						       
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
									<mt-button  type="primary" size="large"  @click.native="editComment">提交</mt-button>
									<p class="tips">
								    	<span>{{error.editComment}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 举报-->
		<div v-show="show_report">
			<mt-header fixed title="举报" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="showTopic(true)" slot="left" >返回</mt-button>
		    	<router-link to="/index" slot="right">
		    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="topicContentModule" style="margin-top: -40px;">
				<div ref="addReportFormScroll" class="addReportScroll">
					<div class="box" >
						<div class="addReportForm" >
							<ul>
								<li>
									<div class="reportType-group" v-for="reportType in reportTypeList">
										<!--  仅有一级分类 -->
										<div v-if="reportType.childType.length ==0">
											<mt-radio title="" v-model="reportTypeId" :options="[{label: reportType.name,value: reportType.id}]" @change="selectReportType(reportTypeList)"></mt-radio>
											
										</div>
										<div v-else>
											<!-- 含有多级分类 -->
											<mt-radio :title="reportType.name" v-model="reportTypeId" :options="reportOptions(reportType.childType)" @change="selectReportType(reportType.childType)"></mt-radio>
										</div>
									</div>
									<p class="tips">
								    	<span>{{error.reportTypeId}}</span>	
								    </p>
								</li>
							
							
								<li v-if="show_giveReason">
									<mt-field v-model.trim="reason" label="理由" placeholder="请填写举报理由" type="textarea" rows="5" ></mt-field>
									<p class="tips">
								    	<span>{{error.reason}}</span>	
								    </p>
								</li>
								<li v-if="show_giveReason && reportMaxImageUpload >0">
						        	<div class="image-form" >
					       				<ul class="uploadImagelist">
					       					
					       					<li class="uploadImageItem" v-for="(file,index) in fileList" v-viewer.rebuild="{navbar:true, title:false, toolbar:false, loop:false}">
					       						<div>
					        						<img class="thumbnail" :src="preview(file)">
					        						<span class="item-delete">
					        							<i class="icon cms-themify-close"  @click="deleteImage(index)"></i> 
					        						</span>
					        					</div>
					        				</li>
					        				 
					        			</ul>
					        			
					        			<div class="uploadImageInput" @click="selectFileWindow();">
					        				<i class="cms-add-line"></i> 
					        			</div>
					       				<input ref="imageInput" class="imageInput" type="file" accept=".jpg,.jpeg,.gif,.png,.bmp" @change="selectFile()">
						        		<p class="tips" style="font-size: 12px">
									    	<span>{{error.imageFile}}</span>	
									    </p>
						        	</div>
								</li>
								
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						       
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
									<mt-button  type="primary" size="large"  @click.native="addReport">提交</mt-button>
									<p class="tips">
								    	<span>{{error.report}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- cancel-text 取消按钮的文本。若设为空字符串，则不显示取消按钮 -->
		<mt-actionsheet :actions="topicOperatingData" v-model="topicOperating" cancel-text=""></mt-actionsheet>
		<!-- cancel-text 取消按钮的文本。若设为空字符串，则不显示取消按钮 -->
		<mt-actionsheet :actions="commentOperatingData" v-model="commentOperating" cancel-text=""></mt-actionsheet>
		<!-- cancel-text 取消按钮的文本。若设为空字符串，则不显示取消按钮 -->
		<mt-actionsheet :actions="replyOperatingData" v-model="replyOperating" cancel-text=""></mt-actionsheet>
			
	</div>
</template>


<!-- 问答列表 -->
<template id="askList-template">
	<!-- 一个组件下只能有一个并列的div -->
	<div>
		<div class="askListModule">
			<div class="head">
				<div class="tagIcon" @click="showAllTag();" ><i class="cms-menu-alt"></i></div>
				<div class="tagName">{{questionTagName == '' ?  '全部' : questionTagName}}</div>

				<div class="button"><mt-button type="primary"  @click.native="addQuestionJump();" style="height: 28px;font-size: 16px;">提问题</mt-button></div>
			</div>
			<div class="nav-tabs">
				<ul class="nav clearfix">
			        <li :class="(filterCondition == '' || filterCondition == 10) ? 'active' : ''">
			         	<router-link :to="{path: '/askList'}" >最新</router-link>
			        </li>
			        <li :class="filterCondition == 20 ? 'active' : ''">
			         	<router-link :to="{path: '/askList', query: {filterCondition: 20}}" >未解决</router-link>
			        </li>
			        <li :class="filterCondition == 30 ? 'active' : ''">
			         	<router-link :to="{path: '/askList', query: {filterCondition: 30}}" >已解决</router-link>
			        </li> 
			       	<li :class="filterCondition == 40 ? 'active' : ''">
			         	<router-link :to="{path: '/askList', query: {filterCondition: 40}}" >积分悬赏</router-link>
			        </li> 
			        <li :class="filterCondition == 50 ? 'active' : ''">
			         	<router-link :to="{path: '/askList', query: {filterCondition: 50}}" >现金悬赏</router-link>
			        </li> 
				</ul>
			</div>
			<div class="questionList">
			    <div class="item" v-for="question in questionList" >
			    	<div class="avatarBox">
			            <img :src="question.avatarPath+'100x100/'+question.avatarName" v-if="question.avatarName != null && question.avatarName != ''">
			            <!-- 首字符头像-->
				        <img :ref="'questionAvatarData_'+question.id"  v-if="question.avatarName == null || question.avatarName == ''">
			         	
			        </div>
			    	<div class="topInfo">                                   
			            <div class="top-box">
			            	<span class="cancelNickname" v-if="question.account == null || question.account == ''">已注销</span>
			            	<router-link class="userName" tag="span" :to="{path: '/user/control/home', query: {userName: question.userName}}">
				            	{{question.nickname != null && question.nickname != '' ? question.nickname : question.account}}
				            </router-link>
			            	<span class="staff" v-if="question.isStaff">官方人员</span>
			            	<span class="userRoleName" v-for="roleName in question.userRoleNameList">{{roleName}}</span>
			            </div>
			            <div class="bottom-box">
			            	<i class="time">{{question.postTime}}</i>
			            </div>
			            <div class="solve">
			            	<span class="adoption" v-if="question.adoptionAnswerId >0">解决</span>
			            </div>
			        </div>
				    <div class="clearfix"></div>
			      
			      	<div class="title">
			      		<div class="cancelAccount" v-if="question.account == null || question.account == ''">此用户账号已注销</div>
			      		<router-link tag="span" :to="{path: '/question', query: {questionId: question.id}}" >{{question.title}}</router-link>
			      	</div>

			        <div class="summary">
						<span>{{question.summary}}</span>
					</div>
					
					<div class="reward" v-if="question.amount > 0 || question.point > 0">
						<div class="box">
	                	<span class="rewardInfo" >
	                		悬赏<span v-if="question.amount > 0">金额<span class="symbol">¥</span><span class="amount">{{question.amount}}</span>元 </span>
		                		
		                	<span v-if="question.point > 0"><span class="point">{{question.point}}</span>积分</span>
	                	</span>
	                	</div>
	                </div>
					
					<div class="detailInfo clearfix">    
						<!-- 由CSS限制标签显示数量，超出50%隐藏 -->                               
			            <span class="bLeft">
			                <div class="tagName" v-for="questionTagAssociation in question.questionTagAssociationList" >{{questionTagAssociation.questionTagName}}</div>
			            </span>
			            <p class="bRight">
			            	<i class="cms-commentCount " style="font-size: 12px;"></i><span style="margin-left: 2px;margin-right: 5px;">{{question.answerTotal}}</span>
			            	<i class="cms-view " style="font-size: 12px;"></i><span style="margin-left: 2px;">{{question.viewTotal}}</span>
			            </p>
			        </div>
			    </div>
			    <div class="questionPage page">
			    	<router-link :to="{path: '/askList', query: {questionTagId: questionTagId,page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/askList', query: {questionTagId: questionTagId,page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>

			<!-- 全部标签 -->
			<mt-popup v-model="popup_allTag" position="bottom" style="width: 100%; height: 60%;">
				<div ref="questionTagScroll" class="questionTagModule">
					<div class="box" >
						
				        <div class="tagList" >
				            <div class="item">
				            	<router-link :to="{path: '/askList'}"  :class="questionTagId == '' ? 'selected' :''" @click.native="closeTagChange" >全部</router-link>     

				            	<span v-for="questionTag in allTagList" >
				            		<router-link v-if="questionTag.childNodeNumber == 0" :to="{path: '/askList', query: {questionTagId: questionTag.id}}" :class="questionTagId == questionTag.id ? 'selected' :''" @click.native="closeTagChange" >{{questionTag.name}}</router-link>            

				            		<!-- 二级标签 -->
				            		<span v-for="childQuestionTag in questionTag.childTag" >
				            			<router-link :to="{path: '/askList', query: {questionTagId: childQuestionTag.id}}" :class="questionTagId == childQuestionTag.id ? 'selected' :''" @click.native="closeTagChange" >{{childQuestionTag.name}}</router-link>            
				            		</span>
				            	
				            	</span>
				            
				            
				            </div> 
				        </div> 
					</div>
				</div>
			</mt-popup> 
		</div>
		<bottomtab-component></bottomtab-component>
	</div>
</template>

<!-- 问题内容 -->
<template id="question-template">
	<div>
		<div v-show="show_question">
			<mt-header fixed title="问答" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    	<router-link to="/index" slot="right">
				    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header>
			
			<div class="questionContentModule">
				<div class="head-box">
					<div class="userInfo clearfix">                                   
						<!-- router-link渲染成<div>标签-->
				    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: question.userName}}">
				        	<img :src="question.avatarPath+'100x100/'+question.avatarName" v-if="question.avatarName != null && question.avatarName != ''">
				            <!-- 首字符头像-->
				         	<img ref="questionUserAvatar"  v-if="question.avatarName == null || question.avatarName == ''">
				        </router-link>
			            <div class="left">
			                <div class="topInfo">                                   
					            <div class="top-box">
					            	<span class="cancelNickname" v-if="question.account == null || question.account == ''">已注销</span>
					            	<router-link class="userName" tag="span" :to="{path: '/user/control/home', query: {userName: question.userName}}">
					            		{{question.nickname != null && question.nickname != '' ? question.nickname : question.account}}
					            	</router-link>
					            	<span class="staff" v-if="question.isStaff">官方人员</span>
					            	<span class="userRoleName" v-for="roleName in question.userRoleNameList">{{roleName}}</span>
					            </div>
					            <div class="bottom-box">
					            	<i class="time">{{question.postTime}}</i>
					            </div>
					        </div>
			            </div>
			            <div class="right">
			            	<div class="button" v-if="question.isStaff == false">
			            	
								<mt-button type="primary" :disabled="following" plain style="height: 28px;font-size: 16px;" @click.native="addFollow(question.userName)">{{following == true ? '已关注':'关注'}}</mt-button>
							 
							</div>
			            </div>
			        </div>
				</div>
				<div class="questionDetail">
					<div class="head">
				    	<h1>
				    		{{question.title}}
				    	</h1>
				    	<div class="info clearfix">                                 
				            <span class="left">
				            	<div class="tagName" v-for="questionTagAssociation in question.questionTagAssociationList" >{{questionTagAssociation.questionTagName}}</div>
				            </span>
				            <p class="right">
				            	<span v-if="question.ipAddress != null && question.ipAddress != ''"><span class="ipAddress-icon cms-map-pin-line" ></span>{{question.ipAddress}}</span>
				            	<span class="count-icon cms-commentCount" ></span>{{question.answerTotal}} 
								<span class="view-icon cms-view" ></span>{{question.viewTotal}}
								<span class="fast cms-ellipsis-v-solid" @click="questionOperatingUI(question.userName,question.id)" ></span>
				            </p>
				        </div> 
					</div>
					<div class="main" :class="$route.query.reportModule !=undefined && parseInt($route.query.reportModule) == 40 ? 'reportMark' : ''"> 
					 
		                <div class="reward" v-if="question.amount > 0 || question.point > 0">
		                	<div class="rewardInfo" >
		                		<i class="icon cms-deposit" ></i>
		                		悬赏<span v-if="question.amount > 0">金额<span class="symbol">¥</span><span class="amount">{{question.amount}}</span>元 </span>
		                		
		                		<span v-if="question.point > 0"><span class="point" >{{question.point}}</span>积分</span>
		                		
		                	</div>
		                </div>
		           
					
						<div v-if="question.lastUpdateTime != null" class="lastUpdateTime">最后修改时间：{{question.lastUpdateTime}}</div>
						
						<div v-viewer="pictureOptions"> 
							<!-- 内容 -->
							<component v-lazy-container="{ selector: 'img'}" v-bind:is ="analyzeDataComponent(question.content)" v-bind="$props" />
						</div>
						
						
						<div :class="(index%2)==0 ? 'appendBox odd' : 'appendBox even'" v-for="(appendQuestionItem,index) in question.appendQuestionItemList">
							<div class="appendHead">
								<span class="prompt">第{{index + 1}}条附言</span>
								<span class="appendTime">{{appendQuestionItem.postTime}}</span>
							</div>
		                	<div class="appendContent" >
		                		<div v-viewer="pictureOptions"> 
									<!-- 内容 -->
									<component v-lazy-container="{ selector: 'img'}" v-bind:is ="analyzeDataComponent(appendQuestionItem.content)" v-bind="$props" />
								</div>
		                	</div> 
						</div>	
						<div class="operating">
							<div class="bottomInfo">
								<mt-button type="default" plain @click.native="addFavorite(question.id);"  :disabled="alreadyFavoriteQuestion" style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 36px;font-size: 16px;"><span class="cms-favorites icon"></span>{{questionFavoriteCount}}{{alreadyFavoriteQuestion == true ? '已收藏':'收藏'}}</mt-button>
						 	
							</div>
						</div>
					</div>
					
				</div>
				
				
				<div class="answerList">
					<div :class="[answer.adoption ? 'item active' : 'item',$route.query.reportModule !=undefined && parseInt($route.query.reportModule) == 50 && answer.id == $route.query.answerId ? 'reportMark' : '']" v-for="(answer,index) in answerList" :id="'anchor_'+answer.id">
						<div class="head">
							<!-- router-link渲染成<div>标签-->
					    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: answer.userName}}">
					        	<img :src="answer.avatarPath+'100x100/'+answer.avatarName" v-if="answer.avatarName != null && answer.avatarName != ''">
					          	<!-- 首字符头像-->
				         		<img :ref="'answerAvatarData_'+answer.id"  v-if="answer.avatarName == null || answer.avatarName == ''">
				         	
					        </router-link>
							<span class="info" >
								<!-- router-link渲染成<h2>标签-->
						    	<router-link tag="h2" class="clearfix" :to="{path: '/user/control/home', query: {userName: answer.userName}}">
						    		<div class="cancelNickname" v-if="answer.account == null || answer.account == ''">已注销</div>
						        	<div class="userName">{{answer.nickname != null && answer.nickname != '' ? answer.nickname : answer.account}}</div>
						        	<div class="userTag">
								        <i class="userRoleName" v-for="roleName in answer.userRoleNameList" >{{roleName}}</i>
								        <i class="staff" v-if="answer.isStaff">官方人员</i>
								        <i class="master" v-if="answer.userName == question.userName && answer.isStaff == question.isStaff">作者</i>
							        </div>
						        </router-link>
	                        	
	                          	<div class="time clearfix">{{answer.postTime}}<span v-if="answer.ipAddress != null && answer.ipAddress != ''"><span class="separate">·</span>{{answer.ipAddress}}</span></div>
	                        </span>
	                        <span class="fast cms-ellipsis-v-solid" @click="answerOperatingUI(answer.userName,answer.id,question.adoptionAnswerId)" ></span>
	                        <span class="floor" v-if="answer.adoption == false">{{index+1}}楼</span>                  
	                    </div>
	                    <div class="adoption">
							<div class="ribbon-wrapper">
								<div class="ribbon">最佳答案</div>
							</div>
						</div>
	                    <div class="main">
							<p class="answerContent" v-viewer="pictureOptions"> 
								<!-- 内容 -->
								<component v-lazy-container="{ selector: 'img'}" v-bind:is ="analyzeDataComponent(answer.content)" v-bind="$props" />
							</p>
		                    <div class="replyList" v-if="answer.answerReplyList.length >0">
								<ul class="box">
								
									<li v-for="(reply,index2) in answer.answerReplyList" v-show="(replyExpandOrShrink[answer.id]) || (replyExpandOrShrink[answer.id] == false && index2 <viewNumber)" :key="reply.id" :replyId="reply.id" :ref="'replyData_'+reply.id" >
								        <div :class="$route.query.reportModule !=undefined && parseInt($route.query.reportModule) == 60 && reply.id == $route.query.replyId ? 'reply-reportMark' : ''">
									        <div class="reply-top" >
										        <!-- router-link渲染成<div>标签-->
										    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: reply.userName}}">
										        	<img :src="reply.avatarPath+'100x100/'+reply.avatarName" v-if="reply.avatarName != null && reply.avatarName != ''">
										            <!-- 首字符头像-->
					         						<img :ref="'answerReplyAvatarData_'+reply.id"  v-if="reply.avatarName == null || reply.avatarName == ''">
										        </router-link>
										        <span class="info" >
		                                    	<!-- router-link渲染成<span>标签-->
											    	<router-link tag="span" class="left-box clearfix" :to="{path: '/user/control/home', query: {userName: reply.userName}}">
											        	<div class="cancelNickname" v-if="reply.account == null || reply.account == ''">已注销</div>
											        	
											        	<div class="userName">{{reply.nickname != null && reply.nickname != '' ? reply.nickname : reply.account}}</div>
											        	<div class="userTag">	        
													        <i class="staff" v-if="reply.isStaff">官方人员</i>
													        <i class="master" v-if="reply.userName == question.userName && reply.isStaff == question.isStaff">作者</i>
												        </div>
											        </router-link>
						                        	
						                          	<div class="time clearfix">{{reply.postTime}}<span v-if="reply.ipAddress != null && reply.ipAddress != ''"><span class="separate">·</span>{{reply.ipAddress}}</span></div>
						                        </span>
							                    <span class="fast cms-ellipsis-v-solid" @click="replyOperatingUI(reply)" ></span>
			                        
											</div>
										    	
											<div style="clear:both; height: 0; line-height: 0; font-size: 0;"></div>
											<!-- 回复对方用户 -->
	                                        <div class="friendInfo-wrap" v-if="reply.friendUserName != null && reply.friendUserName != ''">
	                                        	<div class="friendInfo">
	                                            	<div class="icon-container">
	                                            		<i class="icon cms-caret-right"></i>
	                                            	</div>
	                                            	
	                                            	<div class="avatarImg-container">
	                                                   <router-link v-if="reply.friendUserName!= null && reply.friendUserName != ''" tag="a" :to="{path:'/user/control/home',query: {userName: reply.friendUserName}}">
	                                                       <span class="avatarImg">
	                                                           <img v-if="reply.friendAvatarName != null" :src="reply.friendAvatarPath+'100x100/'+reply.friendAvatarName" class="img">
	                                                       
	                                                           <img v-if="reply.friendAvatarName == null" :ref="'answerReplyFriendAvatarData_'+reply.id"  class="img"/>
	                                                       </span>
	                                                   </router-link>
	                                            	</div>
	                                            	
	                                            	<div class="nameInfo-container">
	                                                	<span class="nameInfo" >
	                                                    	<span v-if="reply.friendAccount == null || reply.friendAccount == ''" class="cancelNickname">已注销</span>
	                                                    	<router-link tag="a" v-if="reply.friendAccount != null && reply.friendAccount != ''" class="userName" :to="{path:'/user/control/home',query: {userName: reply.friendUserName}}">
	                                                        	<span v-if="reply.friendNickname != null && reply.friendNickname != ''">{{reply.friendNickname}}</span>
	                                                        	<span v-if="reply.friendNickname == null || reply.friendNickname == ''">{{reply.friendAccount}}</span>
	                                                    	</router-link>
	                                                	</span>
	                                            	</div>
	                                        	</div>
	                                       	</div>
											<div class="replyContent">
												<div class="cancelAccount" v-if="reply.account == null || reply.account == ''">此用户账号已注销</div>
												{{reply.content}}
											</div>
										</div>
									</li>
								</ul>
								
								<div class="link" v-if="answer.answerReplyList.length >viewNumber">
									<span @click="telescopicReply(answer.id);" v-if="replyExpandOrShrink[answer.id]">点击收缩</span>
									<span @click="telescopicReply(answer.id);" v-else>剩余{{answer.answerReplyList.length-viewNumber}}条</span>
								</div>
								
							</div>                
						</div>
					</div>
					<div class="answerPage page">
				    	<router-link :to="{path: '/question', query: {questionId: questionId,page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
				    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
				    	<router-link :to="{path: '/question', query: {questionId: questionId,page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
				    </div>
				    
				    <div style="margin-left: 10px;margin-right: 10px; margin-top: 10px;padding-bottom:10px; ">
						<mt-button  type="primary" size="large"  @click.native="addAnswerUI">回答问题</mt-button>
					</div>
				</div>
				
				
				
				<!-- 发表回复-->
				<mt-popup v-model="popup_reply" position="right" style="width: 100%;height: 100%;">
					<mt-header fixed title="发表回复" style="background: #fafafa; color: #000000;font-size: 14px">
				    	<mt-button icon="back" @click.native="popup_reply = false" slot="left" >返回</mt-button>
				    	<router-link to="/index" slot="right" @click.native="popup_reply = false" >
				    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
						</router-link>
					</mt-header> 
					<div ref="addReplyFormScroll" class="addReplyScroll">
						<div class="box" >
							<div class="addReplyForm" >
								<ul>
									<li>
										<mt-field v-model.trim="replyContent" label="回复" placeholder="输入回复内容" type="textarea" rows="5" ></mt-field>
										<p class="tips">
									    	<span>{{error.replyContent}}</span>	
									    </p>
									</li>
									
									<li v-if="showCaptcha" >
							        	<input type="hidden" v-model="captchaKey">
							        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
											
										</mt-field>
										<div style="position: absolute;right: 0px;margin-top: -45px; ">
											<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
										</div>
										<p class="tips">
									    	<span>{{error.captchaValue}}</span>	
									    </p>
							        </li>
							       
							        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
										<mt-button  type="primary" size="large"  @click.native="addReply">提交</mt-button>
										<p class="tips">
									    	<span>{{error.reply}}</span>	
									    </p>
										
									</li>
								</ul>
							</div>
						</div>
					</div>
				</mt-popup> 
				
				<!-- 添加回复对方 -->
				<mt-popup v-model="popup_addReplyFriend" position="right" style="width: 100%;height: 100%;">
					<mt-header fixed title="回复对方" style="background: #fafafa; color: #000000;font-size: 14px">
				    	<mt-button icon="back" @click.native="popup_addReplyFriend = false" slot="left" >返回</mt-button>
				    	<router-link to="/index" slot="right" @click.native="popup_addReplyFriend = false" >
				    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
						</router-link>
					</mt-header> 
					<div ref="addReplyFriendFormScroll" class="addReplyFriendScroll">
						<div class="box" >
							<div class="addReplyFriendForm" >
								<ul>
									<li class="friendUser">
										@{{friendUser}}
									</li>
									<li>
										<mt-field v-model.trim="addReplyFriendContent" label="回复" placeholder="输入回复内容" type="textarea" rows="5" ></mt-field>
										<p class="tips">
									    	<span>{{error.addReplyFriendContent}}</span>	
									    </p>
									</li>
									
									<li v-if="showCaptcha" >
							        	<input type="hidden" v-model="captchaKey">
							        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
											
										</mt-field>
										<div style="position: absolute;right: 0px;margin-top: -45px; ">
											<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
										</div>
										<p class="tips">
									    	<span>{{error.captchaValue}}</span>	
									    </p>
							        </li>
							       
							        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
										<mt-button  type="primary" size="large"  @click.native="addReplyFriend">提交</mt-button>
										<p class="tips">
									    	<span>{{error.reply}}</span>	
									    </p>
										
									</li>
								</ul>
							</div>
						</div>
					</div>
				</mt-popup>
				
				<!-- 修改回复 -->
				<mt-popup v-model="popup_editReply" position="right" style="width: 100%;height: 100%;">
					<mt-header fixed title="修改回复" style="background: #fafafa; color: #000000;font-size: 14px">
				    	<mt-button icon="back" @click.native="popup_editReply = false" slot="left" >返回</mt-button>
				    	<router-link to="/index" slot="right" @click.native="popup_editReply = false" >
				    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
						</router-link>
					</mt-header> 
					<div ref="editReplyFormScroll" class="editReplyScroll">
						<div class="box" >
							<div class="editReplyForm" >
								<ul>
									<li>
										<mt-field v-model.trim="editReplyContent" label="回复" placeholder="输入回复内容" type="textarea" rows="5" ></mt-field>
										<p class="tips">
									    	<span>{{error.editReplyContent}}</span>	
									    </p>
									</li>
									
									<li v-if="showCaptcha" >
							        	<input type="hidden" v-model="captchaKey">
							        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
											
										</mt-field>
										<div style="position: absolute;right: 0px;margin-top: -45px; ">
											<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
										</div>
										<p class="tips">
									    	<span>{{error.captchaValue}}</span>	
									    </p>
							        </li>
							       
							        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
										<mt-button  type="primary" size="large"  @click.native="editReply">提交</mt-button>
										<p class="tips">
									    	<span>{{error.editReply}}</span>	
									    </p>
										
									</li>
								</ul>
							</div>
						</div>
					</div>
				</mt-popup>
			</div>
		</div>
		
		<!-- 举报-->
		<div v-show="show_report">
			<mt-header fixed title="举报" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="showQuestion(true)" slot="left" >返回</mt-button>
		    	<router-link to="/index" slot="right">
		    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="questionContentModule" style="margin-top: -40px;">
				<div ref="addReportFormScroll" class="addReportScroll">
					<div class="box" >
						<div class="addReportForm" >
							<ul>
								<li>
									<div class="reportType-group" v-for="reportType in reportTypeList">
										<!--  仅有一级分类 -->
										<div v-if="reportType.childType.length ==0">
											<mt-radio title="" v-model="reportTypeId" :options="[{label: reportType.name,value: reportType.id}]" @change="selectReportType(reportTypeList)"></mt-radio>
											
										</div>
										<div v-else>
											<!-- 含有多级分类 -->
											<mt-radio :title="reportType.name" v-model="reportTypeId" :options="reportOptions(reportType.childType)" @change="selectReportType(reportType.childType)"></mt-radio>
										</div>
									</div>
									<p class="tips">
								    	<span>{{error.reportTypeId}}</span>	
								    </p>
								</li>
							
							
								<li v-if="show_giveReason">
									<mt-field v-model.trim="reason" label="理由" placeholder="请填写举报理由" type="textarea" rows="5" ></mt-field>
									<p class="tips">
								    	<span>{{error.reason}}</span>	
								    </p>
								</li>
								<li v-if="show_giveReason && reportMaxImageUpload >0">
						        	<div class="image-form" >
					       				<ul class="uploadImagelist">
					       					
					       					<li class="uploadImageItem" v-for="(file,index) in fileList" v-viewer.rebuild="{navbar:true, title:false, toolbar:false, loop:false}">
					       						<div>
					        						<img class="thumbnail" :src="preview(file)">
					        						<span class="item-delete">
					        							<i class="icon cms-themify-close"  @click="deleteImage(index)"></i> 
					        						</span>
					        					</div>
					        				</li>
					        				 
					        			</ul>
					        			
					        			<div class="uploadImageInput" @click="selectFileWindow();">
					        				<i class="cms-add-line"></i> 
					        			</div>
					       				<input ref="imageInput" class="imageInput" type="file" accept=".jpg,.jpeg,.gif,.png,.bmp" @change="selectFile()">
						        		<p class="tips" style="font-size: 12px">
									    	<span>{{error.imageFile}}</span>	
									    </p>
						        	</div>
								</li>
								
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						       
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; ">
									<mt-button  type="primary" size="large"  @click.native="addReport">提交</mt-button>
									<p class="tips">
								    	<span>{{error.report}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 发表答案 -->
		<div v-show="show_answerEditor">
			<mt-header fixed title="发表答案" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="showQuestion(true)" slot="left" >返回</mt-button>
		    	<router-link to="/index" slot="right">
		    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="questionContentModule" style="margin-top: -40px;">
				<div class="addAnswerScroll">
					<div class="box" >
						<div class="addAnswerForm" >
							<ul>
								<li>
									<div ref="answerContentEditorToolbar" class="editor-toolbar"></div>
									<div ref="answerContentEditorText"  class="editor-text"></div>
									<p class="tips">
								    	<span>{{error.answerContent}}</span>	
								    </p>
								</li>
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px; ">
									<mt-button  type="primary" size="large"  @click.native="addAnswer">提交</mt-button>
									<p class="tips">
								    	<span>{{error.answer}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 修改答案 -->
		<div v-show="show_editAnswerEditor" >
			<mt-header fixed title="修改答案" style="background: #fafafa; color: #000000;font-size: 14px">
			    <mt-button icon="back" @click.native="showQuestion(true)" slot="left" >返回</mt-button>
			    <router-link to="/index" slot="right">
			    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="questionContentModule"  style="margin-top: -40px;">
				<div class="editAnswerScroll">
					<div class="box" >
						<div class="editAnswerForm" >
							<ul>
								<li>
									<div ref="editAnswerContentEditorToolbar" class="editor-toolbar"></div>
									<div ref="editAnswerContentEditorText"  class="editor-text"></div>
									<p class="tips">
								    	<span>{{error.editAnswerContent}}</span>	
								    </p>
								</li>
								
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						       
						        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
									<mt-button  type="primary" size="large"  @click.native="editAnswer">提交</mt-button>
									<p class="tips">
								    	<span>{{error.editAnswer}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
 
	 	<!-- cancel-text 取消按钮的文本。若设为空字符串，则不显示取消按钮 -->
		<mt-actionsheet :actions="questionOperatingData" v-model="questionOperating" cancel-text=""></mt-actionsheet>
		<!-- cancel-text 取消按钮的文本。若设为空字符串，则不显示取消按钮 -->
		<mt-actionsheet :actions="answerOperatingData" v-model="answerOperating" cancel-text=""></mt-actionsheet>
		<!-- cancel-text 取消按钮的文本。若设为空字符串，则不显示取消按钮 -->
		<mt-actionsheet :actions="replyOperatingData" v-model="replyOperating" cancel-text=""></mt-actionsheet>
	</div>
</template>

<!-- 提问题 -->
<template id="addQuestion-template">
	<div>
		<mt-header fixed title="提问题" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="addQuestionModule">
	    	<div class="questionScroll">
				<div class="box" >
					<div class="questionForm" >
						<ul>
							<li>
								<mt-field v-model.trim="questionTitle" label="标题" placeholder="输入标题" type="textarea" ></mt-field>
								<p class="tips">
							    	<span>{{error.questionTitle}}</span>	
							    </p>
							</li>
							<li v-if="questionRewardAmountMax == null || (questionRewardAmountMax != null && questionRewardAmountMax >0)">
								<mt-field v-model.trim="questionAmount" label="悬赏金额" placeholder="悬赏金额" type="text" :attr="{ maxlength: 8 }"></mt-field>
								<p class="tips">
							    	<span>{{error.questionAmount}}</span>	
							    </p>
							    <p class="help">
							    	<span v-if="questionRewardAmountMin >0">悬赏金额不能少于 {{questionRewardAmountMin}} 元；</span>	
							    	<span v-if="questionRewardAmountMax != null && questionRewardAmountMax >0">悬赏金额不能超过 {{questionRewardAmountMax}} 元；</span>	
							    	<span>用户共有金额 {{maxDeposit}} 元</span>	
							    </p>	    
							</li>
							<li v-if="questionRewardPointMax == null || (questionRewardPointMax != null && questionRewardPointMax >0)">
								<mt-field v-model.trim="questionPoint" label="悬赏积分" placeholder="悬赏积分" type="number"></mt-field>
								<p class="tips">
							    	<span>{{error.questionPoint}}</span>	
							    </p>
							    <p class="help">
							    	<span v-if="questionRewardPointMin >0">悬赏积分不能少于 {{questionRewardPointMin}} ；</span>	
							    	<span v-if="questionRewardPointMax != null && questionRewardPointMax >0">悬赏积分不能超过 {{questionRewardPointMax}}；</span>	
							    	<span>用户共有积分 {{maxPoint}}</span>	
							    </p>
							</li>
					        <li>
					        	<a class="mint-cell mint-field is-textarea">
					        		<div class="mint-cell-left"></div>
					        		<div class="mint-cell-wrapper">
						        		<div class="mint-cell-title">
						        			<span class="mint-cell-text">标签</span>
						        		</div>
						        		<div class="mint-cell-value">
						        			<div class="questionTag">
						        				<span class="btn mr"  v-for="selectedTag in selectedTagList"  >{{selectedTag.name}}<span class="ml"  @click="deleteTag(selectedTag.id);">×</span></span>
									    	
												<div class="addTag">
													<button type="button" class="btn" id="add-questionTag-btn"  @click="showTagUI();" >+ 添加标签(<span>{{selectedTagList.length}}</span>/{{maxQuestionTagQuantity}})</button>
												</div>
												
											</div>
						        		</div>
					        		</div>
					        		<div class="mint-cell-right"></div>
					        	</a>
					        	<p class="tips"><span>{{error.tagId}}</span></p>
					        
					        </li>
							<li>
								<div ref="questionContentEditorToolbar" class="editor-toolbar"></div>
								<div ref="questionContentEditorText"  class="editor-text"></div>
								<p class="tips">
							    	<span>{{error.questionContent}}</span>	
							    </p>
							</li>
							
							<li v-show="showCaptcha" >
					        	<input type="hidden" v-model="captchaKey">
					        	<mt-field v-model.trim="captchaValue"  v-on:input="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
									
								</mt-field>
								<div style="position: absolute;right: 0px;margin-top: -45px; ">
									<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
								</div>
								<p class="tips">
							    	<span>{{error.captchaValue}}</span>	
							    </p>
					        </li>
					      
					        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
								<mt-button  type="primary" size="large"  @click.native="addQuestion">提交</mt-button>
								<p class="tips">
							    	<span>{{error.question}}</span>	
							    </p>
								
							</li>
						</ul>
					</div>
				</div>
			</div>
	        
	        
		</div>
		
		<!-- 全部标签 -->
		<mt-popup v-model="popup_allTag" position="bottom" style="width: 100%; height: 60%;">
			<div ref="questionTagScroll" class="selectQuestionTagModule">
				<div class="box" >
					<div class="questionTagNavigation">
	            		<ul class="nav">
	            			<li class="nav-item" v-for="questionTag in allTagList" >
	            				<span :class="selectedTagClass(questionTag.id)"  @click="selectChildTag(questionTag.id)" >{{questionTag.name}}</span>
							</li>
	            		</ul>
	            		<!-- 二级标签 -->
						<div class="tab-content">
							<div class="tab-pane">
								<span :class="selectedChildTagClass(childQuestionTag.id)" @click="selectedTag(childQuestionTag)"  v-for="childQuestionTag in childTagList" >{{childQuestionTag.name}}</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</mt-popup> 
	</div>
</template>

<!-- 追加问题 -->
<template id="appendQuestion-template">
	<div>
		<mt-header fixed title="追加问题" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="appendQuestionModule">
	    	<div class="appendQuestionScroll">
				<div class="box" >
					<div class="appendQuestionForm" >
						<ul>
							<li>
								<div ref="appendQuestionContentEditorToolbar" class="editor-toolbar"></div>
								<div ref="appendQuestionContentEditorText"  class="editor-text"></div>
								<p class="tips">
							    	<span>{{error.appendQuestionContent}}</span>	
							    </p>
							</li>
							
							<li v-if="showCaptcha" >
					        	<input type="hidden" v-model="captchaKey">
					        	<mt-field v-model.trim="captchaValue"  v-on:input="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
									
								</mt-field>
								<div style="position: absolute;right: 0px;margin-top: -45px; ">
									<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
								</div>
								<p class="tips">
							    	<span>{{error.captchaValue}}</span>	
							    </p>
					        </li>
					      
					        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
								<mt-button  type="primary" size="large"  @click.native="appendQuestion">提交</mt-button>
								<p class="tips">
							    	<span>{{error.question}}</span>	
							    </p>
								
							</li>
						</ul>
					</div>
				</div>
			</div>
	        
	        
		</div>
	</div>
</template>

<!-- 搜索框 -->
<template id="searchBar-template">
	<div>
		<mt-search ref="searchInput" v-model.trim="keyword" cancel-text="取消" placeholder="搜索" @keyup.13.native="submitSearch" :value="keyword"></mt-search>
	</div>
</template>

<!-- 搜索列表 -->
<template id="search-template">
	<div>
		<mt-header fixed style="background: #fafafa; color: #000000;font-size: 14px; ">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
	    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div style=" position:relative; margin-left: 60px; margin-right: 60px;">
			<div style="background-color:transparent; width:100%; position: absolute; top: 3px;">
				<searchbar-component></searchbar-component>
			</div>
		</div>
		<div class="searchModule">
			<div class="topicList">
			    <div class="item" v-for="searchResult in searchResultList" >
			    	<div v-if="searchResult.indexModule == 10">
				    	<div class="avatarBox">
				            <img :src="searchResult.topic.avatarPath+'100x100/'+searchResult.topic.avatarName" v-if="searchResult.topic.avatarName != null && searchResult.topic.avatarName != ''">
				            <!-- 首字符头像-->
				         	<img :ref="'searchResultTopicAvatarData_'+searchResult.topic.id"  v-if="searchResult.topic.avatarName == null || searchResult.topic.avatarName == ''">
				        </div>
				    	<div class="topInfo">                                   
				            <div class="top-box">
				            	<router-link class="userName" tag="span" :to="{path: '/user/control/home', query: {userName: searchResult.topic.userName}}">
					            	{{searchResult.topic.nickname != null && searchResult.topic.nickname != '' ? searchResult.topic.nickname : searchResult.topic.account}}
					            </router-link>
				            	<span class="staff" v-if="searchResult.topic.isStaff">官方人员</span>
				            	<span class="userRoleName" v-for="roleName in searchResult.topic.userRoleNameList">{{roleName}}</span>
				            </div>
				            <div class="bottom-box">
				            	<i class="time">{{searchResult.topic.postTime}}</i>
				            </div>
				            
				        </div>
				        <div class="clearfix"></div>
				      
				      	<div class="title">
				      		<router-link tag="span" :to="{path: '/thread', query: {topicId: searchResult.topic.id}}" v-html="searchResult.topic.title"></router-link>
				      		<span class="box">
					      		<i class="topicRoleName" v-for="(roleName,index) in searchResult.topic.allowRoleViewList" ><span>{{roleName}}</span></i>
				        		<span class="essence" v-if="searchResult.topic.essence == true"><span>精华</span></span>
		                    	<span class="top" v-if="searchResult.topic.sort >0"><span>置顶</span></span>
				        	</span>
				      	</div>
				        <div class="content">
				            <span v-html="searchResult.topic.content"></span>
				        </div>
				        <div class="detailInfo">                                   
				            <span class="bLeft">
				                <div class="module">话题</div>
				            </span>
				            <p class="bRight">
				            	<i class="cms-commentCount " style="font-size: 12px;"></i><span style="margin-left: 2px;margin-right: 5px;">{{searchResult.topic.commentTotal}}</span>
				            	<i class="cms-view " style="font-size: 12px;"></i><span style="margin-left: 2px;">{{searchResult.topic.viewTotal}}</span>
				            </p>
				        </div>
			        </div>
			        
			        <div v-if="searchResult.indexModule == 20">
				    	<div class="avatarBox">
				             <img :src="searchResult.question.avatarPath+'100x100/'+searchResult.question.avatarName" v-if="searchResult.question.avatarName != null && searchResult.question.avatarName != ''">
				            <!-- 首字符头像-->
				         	<img :ref="'searchResultQuestionAvatarData_'+searchResult.question.id"  v-if="searchResult.question.avatarName == null || searchResult.question.avatarName == ''">
				    	</div>
				    	<div class="topInfo">                                   
				            <div class="top-box">
				            	<router-link class="userName" tag="span" :to="{path: '/user/control/home', query: {userName: searchResult.question.userName}}">
					            	{{searchResult.question.nickname != null && searchResult.question.nickname != '' ? searchResult.question.nickname : searchResult.question.account}}
					            </router-link>
				            	<span class="staff" v-if="searchResult.question.isStaff">官方人员</span>
				            	<span class="userRoleName" v-for="roleName in searchResult.question.userRoleNameList">{{roleName}}</span>
				            </div>
				            <div class="bottom-box">
				            	<i class="time">{{searchResult.question.postTime}}</i>
				            </div>
				            
				        </div>
				        <div class="clearfix"></div>
				      
				      	<div class="title">
				      		<router-link  tag="span" :to="{path: '/question', query: {questionId: searchResult.question.id}}" v-html="searchResult.question.title"></router-link>
				      	</div>
				      	<div class="content">
				            <span v-html="searchResult.question.content"></span>
				        </div>
				    	<div class="detailInfo">                                   
				            <span class="bLeft">
				                <div class="module">问题</div>
				            </span>
				            <p class="bRight">
				            	<i class="cms-commentCount " style="font-size: 12px;"></i><span style="margin-left: 2px;margin-right: 5px;">{{searchResult.question.commentTotal}}</span>
				            	<i class="cms-view " style="font-size: 12px;"></i><span style="margin-left: 2px;">{{searchResult.question.viewTotal}}</span>
				            </p>
				        </div>
			        </div>
			    </div>
			    <div class="topicPage page">
			    	<router-link :to="{path: '/search', query: {keyword:keyword, page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/search', query: {keyword:keyword,page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
		</div>
	</div>
</template>

<!-- 帮助中心 -->
<template id="help-template">
	<div>
		<mt-header fixed style="background: #fafafa; color: #000000;font-size: 14px; ">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
	    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="helpModule">
	        <div class="container" v-for="helpType in helpTypeList">
	        	<div class="line"><span class="title">{{helpType.name}}</span></div>
				<ul class="nav-row" >
					<li class="item" v-for="childHelpType in helpType.childHelpType">
						<router-link  tag="div" :to="{path: '/helpDetail', query: {helpTypeId: childHelpType.id}}" class="info">
				    		<div class="img" v-if="childHelpType.image != null && childHelpType.image != ''" :style="{backgroundImage: 'url('+ childHelpType.image +')'}"></div>
				    		<div v-if="childHelpType.image == null || childHelpType.image == ''" class="icon cms-help-alt" ></div>
							<h5>{{childHelpType.name}}</h5>
							<div class="description-box">
		                        <p class="description">{{childHelpType.description}}</p>
		                    </div>
						</router-link>
					</li>	
				</ul> 
			</div> 
		</div>
	</div>
</template>

<!-- 帮助内容 -->
<template id="helpDetail-template">
	<div>
		<div v-show="show_helpDetail">
			<mt-header fixed title="帮助内容" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    	<router-link to="/index" slot="right">
				    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header>
			
			<div class="helpContentModule">
				<div class="head-box">
					<div class="helpTypeInfo clearfix" >                                   
						<div class="icon" @click="showHelpList();"><i class="cms-menu-unfold-fill"></i></div>
						<div class="typeName" @click="showHelpList();">{{helpNavigationName}}</div>
			        </div>
				</div>
				<div class="helpDetail">
					<div class="head">
					
				    	<h1>
				    		{{help.name}}
				    	</h1>
				    	<div class="info clearfix">                                 
				            <span class="time" >{{help.times}}</span>
				        </div>
					</div>
					<div class="main">
						<div v-viewer="pictureOptions"> 
							<!-- 内容 -->
							<component v-lazy-container="{ selector: 'img'}" v-bind:is ="analyzeDataComponent(help.content)" v-bind="$props" />
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		<!-- 帮助列表 -->
		<div v-show="show_helpList">
			<mt-header fixed title="帮助列表" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="showHelp(false)" slot="left" style='font-size:12px'>返回</mt-button>
		    	<router-link to="/index" slot="right">
		    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header> 
			<div class="helpContentModule">
				<div class="helpList">
					<div v-for="help in helpList" class="item">
						<mt-cell :title="help.name"  value="" :to="{path: '/helpDetail', query: {helpTypeId: helpTypeId, helpId:help.id}}"  is-link  v-on:click.native="showHelp(false)">
							 <span slot="icon" class="icon cms-search" ></span> 
						</mt-cell>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 注册页 -->
<template id="register-template">
	<div>
	<mt-header fixed title="注册" style="background: #fafafa; color: #000000;font-size: 14px">
    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
    	<router-link to="/index" slot="right">
	    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
		</router-link>
	</mt-header>
	<div class="registerModule">
		
       	<div class="tabs-nav">
        	<div>
        		<div class="tabs-tab" v-if="allowRegisterAccount.local == true">
        			<span :class="registerType_tab_10" @click="selectRegisterAccountType(10);">账号密码注册</span>
        		</div>
       			<div class="tabs-tab" v-if="allowRegisterAccount.mobile == true">
       				<span :class="registerType_tab_20"  @click="selectRegisterAccountType(20);">手机号注册</span>
       			</div>
        	</div>
       	</div>
        
		<div class="registerInfo ">
			<ul>
				<li v-show="account_field"><!-- @change.native="verificationUserName"这个属性与微信浏览器有可能会不兼容 -->
		        	<mt-field v-model.trim="account" label="账号" placeholder="必填" type="text" ></mt-field>
		        	<p class="tips">
				    	<span>{{error.account}}</span>
				    </p>
		        </li>
		        <li v-show="mobile_field">
		        	<mt-field v-model.trim="mobile" label="手机号" placeholder="必填" type="test"></mt-field>
		        	<p class="tips">
				    	<span>{{error.mobile}}</span>
				    </p>
		        </li>
		        <li>
		        	<mt-field v-model.trim="password" label="密码" placeholder="必填" type="password"></mt-field>
		        	<p class="tips">
				    	<span>{{error.password}}</span>
				    </p>
		        </li>
		        <li>
		        	<mt-field v-model.trim="confirmPassword" label="重复密码" placeholder="必填" type="password"></mt-field>
		        	<p class="tips">
				    	<span>{{error.confirmPassword}}</span>
				    </p>
		        </li> 
				<li v-show="issue_field">
		        	<mt-field v-model.trim="issue" label="密码提示问题" placeholder="必填" type="text"></mt-field>
		        	<p class="tips">
				    	<span>{{error.issue}}</span>
				    </p>
		        </li>
		        <li v-show="answer_field">
		        	<mt-field v-model.trim="answer" label="密码提示答案" placeholder="必填" type="text"></mt-field>
		        	<p class="tips">
				    	<span>{{error.answer}}</span>
				    </p>
		        </li>
		        <li  v-show="email_field">
		        	<mt-field v-model.trim="email" label="邮箱" placeholder="没有可不填" type="text"></mt-field>
		        	<p class="tips">
				    	<span>{{error.email}}</span>
				    </p>
		        </li>
		       
		        <li v-for="(userCustom,index) in userCustomList">
		        	<mt-field type="text" v-model="userBoundField[index]" :label="userCustom.name" :placeholder="userCustom.tip" v-if="userCustom.chooseType ==1"></mt-field>
		        	<mt-radio v-model="userBoundField[index]" :title="userCustom.name" :options="checkbox(userCustom)" v-if="userCustom.chooseType ==2" ></mt-radio>
		        	<mt-checklist v-model="userBoundField[index]" :title="userCustom.name" :options="checkbox(userCustom)" v-if="userCustom.chooseType ==3" ></mt-checklist>
		        	
		        	<div class="selectName" v-if="userCustom.chooseType ==4" >{{userCustom.name}}</div>
		        	
		        	<v-select v-model="userBoundField[index]"  :multiple="userCustom.multiple" placeholder="请选择" :options="checkbox(userCustom)" v-if="userCustom.chooseType ==4">
		        		<span slot="no-options" @click="$refs.select.open = false"></span>
		        	</v-select>
		        	
		        	
		        	
		        	<mt-field type="textarea" v-model="userBoundField[index]" :label="userCustom.name" :placeholder="userCustom.tip"  :rows="userCustom.rows" v-if="userCustom.chooseType ==5"></mt-field>
	
		        	<p class="tips">
				    	<span>{{customError[index]}}</span>
				    </p>
				   
		        </li> 
		        <li v-show="smsCode_field">
					<mt-field v-model.trim="smsCode"  label="手机验证码" placeholder="短信验证码"  type="text">
						
					</mt-field>
					<div style="position: absolute;right: 0px;margin-top: -44px; margin-right: 5px;">
						<mt-button  type="default"  @mousedown.native="getSmsCode" :disabled="button.disabled">{{button.text}}</mt-button>
					</div>
					<p class="successInfo">
				    	<span>{{successInfo}}</span>	
				    </p>
					<p class="tips">
				    	<span>{{error.smsCode}}</span>	
				    </p>
				</li>	
		        <li v-if="showCaptcha" >
		        	<input type="hidden" v-model="captchaKey">
		        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
						
					</mt-field>
					<div style="position: absolute;right: 0px;margin-top: -45px;">
						<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
					</div>
					
					<p class="tips">
				    	<span>{{error.captchaValue}}</span>	
				    </p>
		        </li>
		        <li>
		        	<mt-cell title="服务协议" to="agreement" value="点击查看" is-link></mt-cell>
		        </li>
		        <li>
		        	<mt-cell title="同意本服务协议">
		        		<mt-switch v-model="agreement"></mt-switch>
		        	</mt-cell>
		        </li> 
		        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
		        	
		        	<mt-button  type="primary" size="large" @mousedown.native="addUser" :disabled="allowSubmit" >提交</mt-button>
		        	<p class="tips">
				    	<span>{{error.register}}</span>	
				    </p>
		        </li>
		        
		        
			</ul>
		</div>
	
	</div>

	</div>
</template>


<!-- 服务协议 -->
<template id="agreement-template">
	<div>
		<mt-header fixed title="服务协议" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
	
		<div class="agreementModule">
			<div class="content" v-html="content"></div>
		</div>
	
	
	</div>
</template>

<!-- 找回密码第一步 -->
<template id="findPassWord_step1-template">
	<div>
		<mt-header fixed title="找回密码一" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="findPassWordModule">
			<div class="tabs-nav">
	        	<div>
	        		<div class="tabs-tab" >
	        			<span :class="type_tab_10" @click="selectAccountType(10);">账号密码找回</span>
	        		</div>
	       			<div class="tabs-tab" @click="selectAccountType(20);">
	       				<span :class="type_tab_20" >手机号找回</span>
	       			</div>
	        	</div>
	       	</div>
			<div class="findPassWordTable">
				<ul>
					<li v-show="account_field">
						<mt-field v-model.trim="account" label="账号" placeholder="请输入用户名"  type="text"></mt-field>
			        	<p class="tips">
					    	<span>{{error.account}}</span>
					    </p>
					</li>
					<li v-show="mobile_field">
				        <mt-field v-model.trim="mobile" label="手机号" placeholder="请输入手机号" type="test"></mt-field>
				        <p class="tips">
						    <span>{{error.mobile}}</span>
						</p>
				    </li>
					<li>
			        	<input type="hidden" v-model="captchaKey">
			        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 0px;margin-top: -45px;">
							<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
						</div>
						
						<p class="tips">
					    	<span>{{error.captchaValue}}</span>	
					    </p>
			        </li>
			        
			        <li  style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
			        	<mt-button  type="primary" size="large" @mousedown.native="submitData" :disabled="allowSubmit" >提交</mt-button>
			        </li> 
				</ul>
			</div>
		</div>
	</div>
</template>

<!-- 找回密码第二步 -->
<template id="findPassWord_step2-template">
	<div>
		<mt-header fixed title="找回密码二" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="findPassWordModule">
			<div class="title">
	        	<span v-if="type == 10">校验密码提示答案</span>
	        	<span v-if="type == 20">校验手机号码</span>
        	</div>
			<div class="findPassWordTable">
				<ul>
					<li v-show="account_field">
			        	<mt-cell title="账号" :value="account"></mt-cell>
			        	<p class="tips">
					    	<span>{{error.account}}</span>
					    </p>
					</li>
					<li v-show="mobile_field">
			        	<mt-cell title="手机号" :value="mobile"></mt-cell>
					</li>
					<li>
			        	<mt-field v-model.trim="password" label="密码" placeholder="必填" type="password"></mt-field>
			        	<p class="tips">
					    	<span>{{error.password}}</span>
					    </p>
			        </li>
			        <li>
			        	<mt-field v-model.trim="confirmPassword" label="重复密码" placeholder="必填" type="password"></mt-field>
			        	<p class="tips">
					    	<span>{{error.confirmPassword}}</span>
					    </p>
			        </li> 
					<li v-show="issue_field">
						<mt-cell title="密码提示问题" :value="issue"></mt-cell>
			        </li>
			        <li v-show="answer_field">
			        	<mt-field v-model.trim="answer" label="密码提示答案" placeholder="必填" type="text"></mt-field>
			        	<p class="tips">
					    	<span>{{error.answer}}</span>
					    </p>
			        </li>
					<li v-show="smsCode_field">
						<mt-field v-model.trim="smsCode"  label="手机验证码" placeholder="短信验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 0px;margin-top: -44px; margin-right: 5px;">
							<mt-button  type="default"  @mousedown.native="getSmsCode" :disabled="button.disabled">{{button.text}}</mt-button>
						</div>
						<p class="successInfo">
					    	<span>{{successInfo}}</span>	
					    </p>
						<p class="tips">
					    	<span>{{error.smsCode}}</span>	
					    </p>
					</li>	
					<li>
			        	<input type="hidden" v-model="captchaKey">
			        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 0px;margin-top: -45px;">
							<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
						</div>
						
						<p class="tips">
					    	<span>{{error.captchaValue}}</span>	
					    </p>
			        </li>
			        
			        <li  style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
			        	<mt-button  type="primary" size="large" @click.native="submitData">提交</mt-button>
			        </li> 
				</ul>
			</div>
		</div>
	</div>
</template>

<!-- 登录页 -->
<template id="login-template">
<div>
	<mt-header fixed title="用户登录" style="background: #fafafa; color: #000000;font-size: 14px">
    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
    	<router-link to="/index" slot="right">
	    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
		</router-link>
	</mt-header>
	<div class="loginModule" v-show="show_loginModule">   
		<ul>
			<div class="tabs-nav">
	        	<div>
	        		<div class="tabs-tab" >
	        			<span :class="type_tab_10" @click="selectAccountType(10);">账号密码登录</span>
	        		</div>
	       			<div class="tabs-tab" @click="selectAccountType(20);">
	       				<span :class="type_tab_20" >手机号登录</span>
	       			</div>
	        	</div>
	       	</div>
			
			<li v-show="account_field">
	        	<mt-field v-model.trim="account" label="账号" placeholder="请输入用户名"  type="text"></mt-field>
	        	<p class="tips">
			    	<span>{{error.account}}</span>
			    </p>
	        </li>
	        <li v-show="mobile_field">
		        	<mt-field v-model.trim="mobile" label="手机号" placeholder="请输入手机号" type="test"></mt-field>
		        	<p class="tips">
				    	<span>{{error.mobile}}</span>
				    </p>
		        </li>
	        <li>
	        	<mt-field v-model.trim="password" label="密码" placeholder="请输入密码" type="password"></mt-field>
	        	<p class="tips">
			    	<span>{{error.password}}</span>
			    </p>
	        </li>
	        <li v-if="showCaptcha" style="">
	        	<input type="hidden" v-model="captchaKey">
	        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
					
				</mt-field>
				<div style="position: absolute;right: 0px;margin-top: -45px;">
					<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
				</div>
				
				<p class="tips">
			    	<span>{{error.captchaValue}}</span>	
			    </p>
	        </li>
	        <li>
	        	<mt-cell title="自动登录">
		        	<mt-switch v-model="rememberMe"></mt-switch>
		        </mt-cell>
	        	
	        </li>
	        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
	        	<mt-button  type="primary" size="large" @mousedown.native="submitData" :disabled="allowSubmit" >登录</mt-button>
	        </li> 
	        <li>
	        	<div class="info">
	        		 <!-- router-link渲染成<div>标签 -->
	        		<router-link to="/register" tag="div" class="register">注册</router-link>
	        		<router-link to="/findPassWord/step1" tag="div" class="findPassWord">找回密码</router-link>
	        	</div>
	        </li> 
	        
	        <div class="otherLogin" v-if="supportLoginInterfaceList != null && supportLoginInterfaceList.length >0">
	        	<h4 class="title">其他登录方式</h4>
	        	<p class="link">
	        		<a @click="loginLink(supportLoginInterface.interfaceProduct)" :class="'icon-'+supportLoginInterface.interfaceProduct" v-for="supportLoginInterface in supportLoginInterfaceList" ></a>
	        	</p>
	        </div>
	        
		</ul>
	</div>

</div>
</template>


<!-- 用户中心页 -->
<template id="home-template">
	<div>
	<div class="homeModule">
		<div class="homeHeader">
		    <div class="user">
		    	
		        <i class="avatar cms-user2" v-if="user.avatarName == null || user.avatarName == ''"></i>
		        <i class="avatarImg" v-if="user.avatarName != null && user.avatarName != ''"><img :src="avatarUrl"></i>
		        <p class="userName">{{user.account}} <i class="userRoleName" v-for="(roleName,index) in user.userRoleNameList" >{{roleName}}</i></p>
		        <p class="nickname" v-if="user.nickname != null && user.nickname != ''">{{user.nickname}}</p>
		        <p class="grade" v-if="user.gradeName != null">{{user.gradeName}}</p>
		        <p class="staff" v-if="user.id != null && user.id == -1">官方人员</p>
		        <p class="ipAddress" v-if="user.ipAddress != null && user.ipAddress != ''">
		    		<span class="cms-map-pin-line icon"></span>
		    		<span class="ipAddressText">{{user.ipAddress}}</span>
			    </p>
		      
		        <span class="privateMessageBox" v-if="user.userName != null && user.userName != $store.state.user.userName ">
		        	<div class="followButton" @click="addFollow(user.userName)">{{following == true ? '已关注':'关注'}}</div>
		        	
		        
		         	<!-- router-link渲染成<div>标签-->
			    	<router-link class="privateMessageButton" tag="div" :to="{path: '/user/control/privateMessageChatList', query: {friendUserName: user.userName}}">
			           发私信
			        </router-link>
				</span>
		        
		    </div>
		    
		    <div class="setting" @click="displayUserSetting();" ><span class="cms-settings"></span></div>
		    
	    </div>
	    <div class="quickTag" v-if="user.userName == $store.state.user.userName">
	        <span class="item"><i class="total">{{user.point}}</i>积分</span>
	        <span class="item"><i class="total">{{followerCount}}</i>粉丝</span>
	    </div>
	   
	    <div class="homeMenu" v-if="user.userName == $store.state.user.userName">
	    	<div class="container clearfix">	
		    	<router-link to="/user/control/topicList"  class="item" tag="div">
		    		<div class="icon cms-topic" ></div> 
		    		<span class="name">我的话题</span>
		    	</router-link>
		    	<router-link to="/user/control/commentList" class="item" tag="div">
		    		<div class="icon cms-comment" ></div> 
		    		<span class="name">我的评论</span>
		    	</router-link>
		    	<router-link to="/user/control/replyList" class="item" tag="div">
		    		<div class="icon cms-reply" ></div> 
		    		<span class="name">我的回复</span>
		    	</router-link>
		    	<router-link to="/user/control/questionList" class="item" tag="div">
		    		<div class="icon cms-question-answer-line" ></div> 
		    		<span class="name">我的问题</span>
		    	</router-link>
		    	<router-link  to="/user/control/answerList" class="item" tag="div">
		    		<div class="icon cms-info-alt" ></div> 
		    		<span class="name">我的答案</span>
		    	</router-link>
		    	<router-link to="/user/control/answerReplyList"  class="item" tag="div">
		    		<div class="icon cms-reply" ></div> 
		    		<span class="name">我的答案回复</span>
		    	</router-link>
		    	<router-link to="/user/control/favoriteList"  class="item" tag="div">
		    		<div class="icon cms-favorites" ></div> 
		    		<span class="name">收藏夹</span>
		    	</router-link>
		    	<router-link to="/user/control/likeList" class="item" tag="div">
		    		<div class="icon cms-thumb-up" ></div> 
		    		<span class="name">点赞</span>
		    	</router-link>
				<router-link to="/user/control/followList" class="item" tag="div">
		    		<div class="icon cms-heart" ></div> 
		    		<span class="name">关注</span>
		    	</router-link>
		    	<router-link to="/user/control/followerList"  class="item" tag="div">
		    		<div class="icon cms-follower" ></div> 
		    		<span class="name">粉丝</span>
		    	</router-link>
		    	<router-link to="/user/control/privateMessageList" class="item" tag="div">
		    		<div class="icon cms-email" ><span class="badge" style="position: absolute; right: 20px;" v-show="$store.state.privateMessage_badge"></span></div> 
		    		<span class="name">私信</span>
		    	</router-link>
		    	<router-link to="/user/control/remindList" class="item" tag="div">
		    		<div class="icon cms-bell" ><span class="badge" style="position: absolute;right: 20px;" v-show="$store.state.remind_badge"></span></div> 
		    		<span class="name">提醒</span>
		    	</router-link>
		    	<router-link to="/user/control/systemNotifyList" class="item" tag="div">
		    		<div class="icon cms-announcement" ><span class="badge" style="position: absolute;right: 20px;" v-show="$store.state.systemNotify_badge"></span></div> 
		    		<span class="name">系统通知</span>
		    	</router-link>
		    	<router-link to="/user/control/membershipCardOrderList" class="item" tag="div">
		    		<div class="icon cms-order" ></div> 
		    		<span class="name">会员卡订单</span>
		    	</router-link>
		    	<router-link to="/user/control/balance" class="item" tag="div">
		    		<div class="icon cms-deposit" ></div> 
		    		<span class="name">余额</span>
		    	</router-link>
		    	<router-link to="/user/control/giveRedEnvelopeList" class="item" tag="div">
		    		<div class="icon cms-redEnvelope-2" ></div> 
		    		<span class="name">发红包</span>
		    	</router-link>
		    	<router-link to="/user/control/receiveRedEnvelopeList" class="item" tag="div">
		    		<div class="icon cms-redEnvelope-2" ></div> 
		    		<span class="name">收红包</span>
		    	</router-link>
		    	<router-link to="/user/control/editUser" class="item" tag="div">
		    		<div class="icon cms-pencil-alt" ></div> 
		    		<span class="name">修改账户</span>
		    	</router-link>
		    	<router-link to="/user/control/realNameAuthentication"  class="item" tag="div">
		    		<div class="icon cms-realNameAuthentication" ></div> 
		    		<span class="name">绑定手机</span>
		    	</router-link>
		    	<router-link to="/user/control/reportList"  class="item" tag="div">
		    		<div class="icon cms-error-warning-line" ></div> 
		    		<span class="name">举报</span>
		    	</router-link>
		    	<router-link to="/user/control/point"  class="item" tag="div">
		    		<div class="icon cms-point" ></div> 
		    		<span class="name">积分记录</span>
		    	</router-link>
		    	<router-link to="/user/control/userLoginLogList" class="item" tag="div">
		    		<div class="icon cms-login" ></div> 
		    		<span class="name">登录日志</span>
		    	</router-link>
	    	</div>
	    </div>
		
		<!-- 动态内容 -->
		<div class="userDynamicList" v-infinite-scroll="scrollQueryUserDynamicList" infinite-scroll-disabled="loading" infinite-scroll-distance="10" >
			<div class="item" v-for="(userDynamic,index) in userDynamicList" >
				<div class="head">
					<!-- router-link渲染成<div>标签-->
			    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: userDynamic.userName}}">
			        	<img :src="userDynamic.avatarPath+'100x100/'+userDynamic.avatarName" v-if="userDynamic.avatarName != null && userDynamic.avatarName != ''">
			            <!-- 首字符头像-->
				        <img :ref="'userDynamicAvatarData_'+userDynamic.id"  v-if="userDynamic.avatarName == null || userDynamic.avatarName == ''">
									   
			        </router-link>
					<span class="info" >
						<!-- router-link渲染成<h2>标签-->
				    	<router-link tag="h2" :to="{path: '/user/control/home', query: {userName: userDynamic.userName}}">
				           {{userDynamic.nickname != null && userDynamic.nickname != '' ? userDynamic.nickname : userDynamic.account}}
				        </router-link> 
	                    <p class="time">{{userDynamic.postTime}}</p>
	                </span>                    
	            </div>
	            <div class="main" v-viewer="pictureOptions">
	            	
					
					<div class="title">
						<span class="description" v-if="userDynamic.module == 100">发表了话题</span>
				
						<span class="description" v-if="userDynamic.module == 200">评论了话题</span>
				
						<span class="description" v-if="userDynamic.module == 300">引用了话题</span>
				
						<span class="description" v-if="userDynamic.module == 400">回复了话题</span>
						<span class="description" v-if="userDynamic.module == 500">提交了问题</span>
				
						<span class="description" v-if="userDynamic.module == 600">回答了问题</span>
				
						<span class="description" v-if="userDynamic.module == 700">回复了问题</span>
						<!-- router-link渲染成<span>标签-->
						<router-link tag="span" v-if="userDynamic.module == 100 || userDynamic.module == 200 || userDynamic.module == 300 || userDynamic.module == 400" :to="{path: '/thread', query: {topicId: userDynamic.topicId}}" >
							{{userDynamic.topicTitle}}
							
						</router-link>
						<i class="topicRoleName" v-for="(roleName,index) in userDynamic.allowRoleViewList" >{{roleName}}</i>
						<span :class="'hideTagType hide_'+key"  v-for="(value, key) in userDynamic.hideTagTypeMap">
                     			<span class="circle point" v-if="value==true"><i class="cms-unlock-solid" ></i></span>
                     			<span class="circle" v-if="value==false"><i class="cms-lock-solid" ></i></span>
                      	</span> 
						
						<!-- router-link渲染成<span>标签-->
						<router-link tag="span" v-if="userDynamic.module == 500 || userDynamic.module == 600 || userDynamic.module == 700" :to="{path: '/question', query: {questionId: userDynamic.questionId}}" >
							{{userDynamic.questionTitle}}
						</router-link>
					</div>	
					
					<!-- 内容 -->
					<v-readmore>
						<div class="topicContent" v-if="userDynamic.module == 100" ><component v-lazy-container="{ selector: 'img'}" v-bind:is ="hideTagComponent(userDynamic.topicContent)" v-bind="$props" /></div>
	            	</v-readmore>
	            	<v-readmore>
	            		<div class="commentContent" v-if="userDynamic.module == 200" ><component v-lazy-container="{ selector: 'img'}" v-bind:is ="analyzeDataComponent(userDynamic.commentContent)" v-bind="$props" /></div>
	            	</v-readmore>
	            	<v-readmore>
	            	<div v-if="userDynamic.module == 300" >
						<div class="commentContent" v-html="userDynamic.commentContent"></div>
                       	<div class="quoteContent">
                           <div class="text" >
                               {{userDynamic.quoteCommentContent}}
                           </div>
                    	</div>
					</div>
					</v-readmore>
	            	<v-readmore>
	            		<div class="replyContent" v-if="userDynamic.module == 400" >{{userDynamic.replyContent}}</div> 
	            	</v-readmore>
	            	<v-readmore>
	            		<div class="commentContent" v-if="userDynamic.module == 500" ><component v-lazy-container="{ selector: 'img'}" v-bind:is ="analyzeDataComponent(userDynamic.questionContent)" v-bind="$props" /></div>
	            	</v-readmore>   
	            	<v-readmore>
	            		<div class="commentContent" v-if="userDynamic.module == 600" ><component v-lazy-container="{ selector: 'img'}" v-bind:is ="analyzeDataComponent(userDynamic.answerContent)" v-bind="$props" /></div>
	            	</v-readmore>  
	            	<v-readmore>
	            		<div class="replyContent" v-if="userDynamic.module == 700" >{{userDynamic.answerReplyContent}}</div> 
	            	</v-readmore>        
				</div>
				
				<div class="bottomInfo">
					<div class="toolbar">
						<router-link class="btn" tag="span" :to="{path: '/thread', query: {topicId: userDynamic.topicId}}" v-if="userDynamic.module == 100">查看原文</router-link>
						<span class="btn" v-if="userDynamic.module == 100"><i class="cms-view" style="font-size: 13px;"></i> {{userDynamic.topicViewTotal}}</span>
						<span class="btn" v-if="userDynamic.module == 100"><i class="cms-comment" style="font-size: 12px;"></i> {{userDynamic.topicCommentTotal}}</span>
						<span class="btn" v-if="userDynamic.module == 100"><i class="cms-favorites" style="font-size: 12px;"></i> {{favoriteCountGroup[index]}}</span>
						<span class="btn" v-if="userDynamic.module == 100"><i class="cms-thumb-up" style="font-size: 13px;"></i> {{likeCountGroup[index]}}</span>
						<router-link class="btn" tag="span"  :to="{path: '/thread', query: {topicId: userDynamic.topicId,commentId: userDynamic.commentId}}" v-if="userDynamic.module == 200 || userDynamic.module == 300 || userDynamic.module == 400">查看原文</router-link>
					
						<router-link class="btn" tag="span" :to="{path: '/question', query: {questionId: userDynamic.questionId}}" v-if="userDynamic.module == 500">查看原文</router-link>
						<span class="btn" v-if="userDynamic.module == 500"><i class="cms-view" style="font-size: 13px;"></i> {{userDynamic.questionViewTotal}}</span>
						<span class="btn" v-if="userDynamic.module == 500"><i class="cms-comment" style="font-size: 12px;"></i> {{userDynamic.questionAnswerTotal}}</span>
						<span class="btn" v-if="userDynamic.module == 500"><i class="cms-favorites" style="font-size: 12px;"></i> {{questionFavoriteCountGroup[index]}}</span>
						
						<router-link class="btn" tag="span"  :to="{path: '/question', query: {questionId: userDynamic.questionId,answerId: userDynamic.answerId}}" v-if="userDynamic.module == 600 || userDynamic.module == 700 ">查看原文</router-link>			
					</div>
				</div>
			</div>
		</div>
		
		<!-- 用户设置 弹出框 -->
		<mt-popup v-model="popup_userSetting" position="right" style="width: 100%;height: 100%" :modal="false">
			<mt-header fixed title="用户设置" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="popup_userSetting = false" slot="left" >返回</mt-button>
		    	<router-link to="/index" slot="right">
		    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header>
			<div class="userSettingScroll">
				<div class="userSettingInfo">
					<ul>
						<li>
							<mt-cell title="修改个人信息" to="user/control/editUser" is-link></mt-cell>
						</li>
						<li>
							<mt-cell title="更换头像"  @click.native="popup_updateAvatar = true"  is-link></mt-cell>
						</li>
						<li>
							<mt-button  type="primary" size="large" @click.native="logout" >退出登录</mt-button>
						</li>
					</ul>	
				</div>
			</div>
		</mt-popup>

		<!-- 更换头像 弹出框 -->
		<mt-popup v-model="popup_updateAvatar" position="right" style="width: 100%;height: 100%" :modal="false">
			<mt-header fixed title="更换头像" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="popup_updateAvatar = false" slot="left" >返回</mt-button>
		    	<router-link to="/index" slot="right">
		    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
				</router-link>
			</mt-header>
			<div class="updateAvatarInfo" v-if="popup_updateAvatar">
				<ul>
					<li>
						<div class="screenshot">
							<vue-cropper
								  ref="cropper"
								  :img="option.img"
								  :output-size="option.outputSize"
								  :output-type="option.outputType"  
								  :full="option.full"
								  :can-move="option.canMove"
								  :fixed-box="option.fixedBox"
								  :original="option.original"
								  :can-move-box="option.canMoveBox"
								  :auto-crop="option.autoCrop"
								  :auto-crop-width="option.autoCropWidth"
								  :auto-crop-height="option.autoCropHeight"
								  :center-box="option.centerBox"
								  :high="option.high"
								  :max-img-size="option.maxImgSize"
							>
							</vue-cropper>	
					    </div>
					</li>
					<li style="text-align:center; height: 50px; ">
						
						<label class="mint-button mint-button--primary mint-button--normal is-plain selectImage-btn" for="selectImgFile">选择图片</label><input type="file" id="selectImgFile" ref="selectImgFile_ref" style="position:absolute; clip:rect(0 0 0 0);" accept="image/*"  @change="selectImage($event)">
						
						<mt-button type="primary"  @click.native="uploadImageSubmit" :disabled="updateAvatar_button">头像上传</mt-button>
						
					</li>
				</ul>	
			</div>
		</mt-popup>

	</div>
	
	<bottomtab-component></bottomtab-component>
	
	</div>
</template>


<!-- 我的话题 -->
<template id="topicList-template">
	<div>
		<mt-header fixed title="我的话题" style="background: #fafafa; color: #000000;font-size: 14px">
		    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    <router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="topicListModule">
			<div class="topicList">
			    <div class="item" v-for="(topic,index) in topicList" >
			    	<div class="topInfo">                                   
			            <span class="bLeft">
			                <div class="tagName">{{topic.tagName}}</div>
			            </span>
			            <p class="bRight">
			            	<span class="status" v-if="topic.status == 10">[待审核]</span>
			            	<!-- 
			            	<router-link class="fast cms-lock"  tag="span" :to="{path: '/user/control/topicUnhideList', query: {topicId: topic.id}}" ></router-link>
			            	<router-link class="fast cms-favorites"  tag="span" :to="{path: '/user/control/topicFavoriteList', query: {topicId: topic.id}}" ></router-link>
			            	<router-link class="fast cms-thumb-up"  tag="span" :to="{path: '/user/control/topicLikeList', query: {topicId: topic.id}}" ></router-link>
			            	<router-link class="fast cms-pencil-alt"  tag="span" :to="{path: '/user/editTopic', query: {topicId: topic.id}}" ></router-link>
			            	 -->
			            	<i class="time">{{topic.postTime}}</i>
			            	<span class="fast cms-ellipsis-v-solid" @click="operatingUI(topic.id,topic.giveRedEnvelopeId,topic.title)" ></span>
			            	
			            </p> 
			        </div>
			    	<!-- router-link渲染成<h2>标签-->
			        <router-link class="title"  tag="div" :to="{path: '/thread', query: {topicId: topic.id}}" >
			            <span>{{topic.title}}</span>
			        </router-link>
			    </div>
			    <div class="topicPage page">
			    	<router-link :to="{path: '/user/control/topicList', query: {page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/user/control/topicList', query: {page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
			<!-- cancel-text 取消按钮的文本。若设为空字符串，则不显示取消按钮 -->
			<mt-actionsheet :actions="operatingData" v-model="operating" cancel-text=""></mt-actionsheet>
			
		</div>
	</div>
</template>

<!-- 我的评论 -->
<template id="commentList-template">
	<div>
		<mt-header fixed title="我的评论" style="background: #fafafa; color: #000000;font-size: 14px">
		    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    <router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959; "></span>
			</router-link>
		</mt-header>
		<div class="commentListModule">
			<div class="commentList">
			    <div class="item" v-for="comment in commentList" >
			        <div class="title">
			            <i class="cms-topic" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{comment.topicTitle}}</span>
			        </div>
			        <!-- router-link渲染成<div>标签-->
			        <router-link class="content"  tag="div" :to="{path: '/thread', query: {topicId: comment.topicId,commentId: comment.id}}"  v-if="comment.status == 20">
			            <!-- 已发布状态才能看到评论 -->
			            <i class="cms-comment" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{comment.content}}</span>
			        </router-link>
			        <div class="content" v-if="comment.status == 10">
			            <i class="cms-comment" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{comment.content}}</span>
			        </div>
			        <div class="detailInfo">                                   
			            <i class="status" ><span v-if="comment.status == 10">[待审核]</span></i><div class="time">{{comment.postTime}}</div>
			        </div>
			    </div>
			    <div class="commentPage page">
			    	<router-link :to="{path: '/user/control/commentList', query: {page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/user/control/commentList', query: {page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
		</div>
	</div>
</template>

<!-- 我的回复 -->
<template id="replyList-template">
	<div>
		<mt-header fixed title="我的回复" style="background: #fafafa; color: #000000;font-size: 14px">
		    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    <router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959; "></span>
			</router-link>
		</mt-header>
		<div class="replyListModule">
			<div class="replyList">
			    <div class="item" v-for="reply in replyList" >
			        <div class="title">
			            <i class="cms-topic" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{reply.topicTitle}}</span>
			        </div>
			        <!-- router-link渲染成<div>标签-->
			        <router-link class="content"  tag="div" :to="{path: '/thread', query: {topicId: reply.topicId,commentId: reply.commentId}}" v-if="reply.status == 20">
			            <i class="cms-reply" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{reply.content}}</span>
			        </router-link>
			        
			        <div class="content" v-if="reply.status == 10">
			            <i class="cms-reply" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{reply.content}}</span>
			        </div>
			        
			        <div class="detailInfo">                                   
			            <i class="status" ><span v-if="reply.status == 10">[待审核]</span></i><div class="time">{{reply.postTime}}</div>
			        </div>
			    </div>
			    <div class="replyPage page">
			    	<router-link :to="{path: '/user/control/replyList', query: {page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/user/control/replyList', query: {page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
		</div>
	</div>
</template>

<!-- 我的问题 -->
<template id="questionList-template">
	<div>
		<mt-header fixed title="我的问题" style="background: #fafafa; color: #000000;font-size: 14px">
		    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    <router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="questionListModule">
			<div class="questionList">
			    <div class="item" v-for="question in questionList" >
			    	<div class="topInfo">                                   
			            <span class="bLeft">
			                <div class="tagName" v-for="questionTagAssociation in question.questionTagAssociationList" >{{questionTagAssociation.questionTagName}}</div>
			            </span>
			            <p class="bRight">
			            	<span class="status" v-if="question.status == 10">[待审核]</span>
			            	<router-link class="fast cms-append"  tag="span" :to="{path: '/user/appendQuestion', query: {questionId: question.id}}" ></router-link>
			            	<i class="time">{{question.postTime}}</i>
			            </p> 
			        </div>
			    	<!-- router-link渲染成<h2>标签-->
			        <router-link class="title"  tag="div" :to="{path: '/question', query: {questionId: question.id}}" >
			            <span>{{question.title}}</span>
			        </router-link>
			    </div>
			    <div class="questionPage page">
			    	<router-link :to="{path: '/user/control/questionList', query: {page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/user/control/questionList', query: {page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
		</div>
	</div>
</template>

<!-- 我的答案 -->
<template id="answerList-template">
	<div>
		<mt-header fixed title="我的答案" style="background: #fafafa; color: #000000;font-size: 14px">
		    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    <router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959; "></span>
			</router-link>
		</mt-header>
		<div class="answerListModule">
			<div class="answerList">
			    <div class="item" v-for="answer in answerList" >
			        <div class="title">
			            <i class="cms-question-answer-line" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{answer.questionTitle}}</span>
			        </div>
			        <!-- router-link渲染成<div>标签-->
			        <router-link class="content"  tag="div" :to="{path: '/question', query: {questionId: answer.questionId,answerId: answer.id}}"  v-if="answer.status == 20">
			            <!-- 已发布状态才能看到评论 -->
			            <i class="cms-info-alt" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{answer.content}}</span>
			        </router-link>
			        <div class="content" v-if="answer.status == 10">
			            <i class="cms-info-alt" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{answer.content}}</span>
			        </div>
			        <div class="detailInfo">                                   
			            <i class="status" ><span v-if="answer.status == 10">[待审核]</span></i><div class="time">{{answer.postTime}}</div>
			        </div>
			    </div>
			    <div class="answerPage page">
			    	<router-link :to="{path: '/user/control/answerList', query: {page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/user/control/answerList', query: {page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
		</div>
	</div>
</template>

<!-- 我的答案回复 -->
<template id="answerReplyList-template">
	<div>
		<mt-header fixed title="我的答案回复" style="background: #fafafa; color: #000000;font-size: 14px">
		    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    <router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959; "></span>
			</router-link>
		</mt-header>
		<div class="answerReplyListModule">
			<div class="answerReplyList">
			    <div class="item" v-for="answerReply in answerReplyList" >
			        <div class="title">
			            <i class="cms-question-answer-line" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{answerReply.questionTitle}}</span>
			        </div>
			        <!-- router-link渲染成<div>标签-->
			        <router-link class="content"  tag="div" :to="{path: '/question', query: {questionId: answerReply.questionId,answerId: answerReply.answerId}}" v-if="answerReply.status == 20">
			            <i class="cms-reply" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{answerReply.content}}</span>
			        </router-link>
			        
			        <div class="content" v-if="answerReply.status == 10">
			            <i class="cms-reply" style="font-size: 13px; margin-right: 3px; color: #aaa;"></i><span>{{answerReply.content}}</span>
			        </div>
			        
			        <div class="detailInfo">                                   
			            <i class="status" ><span v-if="answerReply.status == 10">[待审核]</span></i><div class="time">{{answerReply.postTime}}</div>
			        </div>
			    </div>
			    <div class="answerReplyPage page">
			    	<router-link :to="{path: '/user/control/answerReplyList', query: {page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/user/control/answerReplyList', query: {page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
		</div>
	</div>
</template>

<!-- 积分记录 -->
<template id="point-template">
	<div>
		<mt-header fixed title="积分记录" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="pointModule">
			<div class="rewardPointInfoModule" >
		        <div class="rewardPointInfo clearfix">
		        	<div class="details"><span class="text">发表话题奖励积分:</span><span class="val">{{rewardPointInfo.topic_rewardPoint}}</span></div>
		        	<div class="details"><span class="text">发表评论奖励积分:</span><span class="val">{{rewardPointInfo.comment_rewardPoint}}</span></div>
		        	<div class="details"><span class="text">发表回复奖励积分:</span><span class="val">{{rewardPointInfo.reply_rewardPoint}}</span></div>
		        	<div class="details"><span class="text">提交问题奖励积分:</span><span class="val">{{rewardPointInfo.question_rewardPoint}}</span></div>
		        	<div class="details"><span class="text">提交答案奖励积分:</span><span class="val">{{rewardPointInfo.answer_rewardPoint}}</span></div>
		        	<div class="details"><span class="text">提交答案回复奖励积分:</span><span class="val">{{rewardPointInfo.answerReply_rewardPoint}}</span></div>
		        </div>
				
			</div>
			
			<div class="pointList"  v-infinite-scroll="queryPoint" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
				<ul>
					<li v-for="pointLog in pointLogList">
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 100" :label="'发表话题 [话题Id: '+pointLog.parameterId+']'"></mt-cell>
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 200" :label="'发表评论 [评论Id: '+pointLog.parameterId+']'"></mt-cell>
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 300" :label="'发表回复 [回复Id: '+pointLog.parameterId+']'"></mt-cell>				
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 400" :label="'积分购买话题 [话题Id: '+pointLog.parameterId+']'"></mt-cell>				
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 500" :label="'会员卡订单支付 [订单Id: '+pointLog.parameterId+']'"></mt-cell>				
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 600" :label="'充值 [用户Id: '+pointLog.parameterId+']'"></mt-cell>				
						
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 700" :label="'发表问题 [问题Id: '+pointLog.parameterId+']'"></mt-cell>
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 800" :label="'发表答案 [答案Id: '+pointLog.parameterId+']'"></mt-cell>
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 900" :label="'发表答案回复 [答案回复Id: '+pointLog.parameterId+']'"></mt-cell>				
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 1000" :label="'悬赏积分 [问题Id: '+pointLog.parameterId+']'"></mt-cell>
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 1100" :label="'采纳答案 [答案Id: '+pointLog.parameterId+']'"></mt-cell>
						<mt-cell :title="pointLog.times" :value="(pointLog.pointState == 1? '+' :'-' ) +pointLog.point" v-if="pointLog.module == 1200" :label="'调整赏金 [问题Id: '+pointLog.parameterId+']'"></mt-cell>


						<div class="remark" v-if="pointLog.remark != ''">备注：{{pointLog.remark}}</div>
					</li>
				
				</ul>
			</div>
			
			
			
		</div>
	</div>
</template>

<!-- 修改个人信息 -->
<template id="editUser-template">
<div>
	<mt-header fixed title="修改个人信息" style="background: #fafafa; color: #000000;font-size: 14px">
	    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    <router-link to="/index" slot="right">
	    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
		</router-link>
	</mt-header>

	<div class="editUserTable ">
		<ul>
			<li>
	        	<mt-field v-model.trim="nickname" label="呢称" placeholder="不设置请留空" type="text" :disabled="allowNickname" ></mt-field>
	        	<p class="tips">
			    	<span>{{error.nickname}}</span>
			    </p>
	        </li>
	        <li>
		        <mt-cell title="允许显示用户动态">
		        	<mt-switch v-model="allowUserDynamic"></mt-switch>
		        </mt-cell>
		        <p class="tips">
			    	<span>{{error.allowUserDynamic}}</span>
			    </p>
			</li>
			<li v-for="(userRole,index) in userRoleList">
				<mt-cell :title="userRole.name" :value="'到期时间: '+userRole.validPeriodEnd" ></mt-cell>				
				
			</li>
	        <li v-if="user != null && user.type <40">
	        	<mt-field v-model.trim="oldPassword" label="旧密码" placeholder="不修改密码请留空" type="password"></mt-field>
	        	<p class="tips">
			    	<span>{{error.oldPassword}}</span>
			    </p>
	        </li>
	        <li v-if="user != null && user.type <40">
	        	<mt-field v-model.trim="password" label="新密码" placeholder="不修改密码请留空" type="password"></mt-field>
	        	<p class="tips">
			    	<span>{{error.password}}</span>
			    </p>
	        </li>
	        <li v-if="user != null && user.type <40">
	        	<mt-field v-model.trim="confirmPassword" label="重复新密码" placeholder="不修改密码请留空" type="password"></mt-field>
	        	<p class="tips">
			    	<span>{{error.confirmPassword}}</span>
			    </p>
	        </li> 
	       
	        <li v-for="(userCustom,index) in userCustomList">
	        	<mt-field type="text" v-model="userBoundField[index]" :label="userCustom.name" :placeholder="userCustom.tip" v-if="userCustom.chooseType ==1"></mt-field>
	        	
	        	<mt-radio v-model="userBoundField[index]" :title="userCustom.name" :options="checkbox(userCustom)" v-if="userCustom.chooseType ==2" ></mt-radio>
	        	
	        	<mt-checklist v-model="userBoundField[index]" :title="userCustom.name" :options="checkbox(userCustom)" v-if="userCustom.chooseType ==3" ></mt-checklist>
	        	
	        	<div class="selectName" v-if="userCustom.chooseType ==4" >{{userCustom.name}}</div>
	        	
	        	<v-select v-model="userBoundField[index]"  :multiple="userCustom.multiple" placeholder="请选择" :options="checkbox(userCustom)" v-if="userCustom.chooseType ==4">
	        		<span slot="no-options" @click="$refs.select.open = false"></span>
	        	</v-select>
	        	
	        	
	        	
	        	<mt-field type="textarea" v-model="userBoundField[index]" :label="userCustom.name" :placeholder="userCustom.tip"  :rows="userCustom.rows" v-if="userCustom.chooseType ==5"></mt-field>

	        	<p class="tips">
			    	<span>{{customError[index]}}</span>
			    </p>
	        </li> 	
	        <li  style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
	        	
	        	<mt-button  type="primary" size="large" @click.native="submitData">提交</mt-button>
	        	<p class="tips">
			    	<span>{{error.user}}</span>
			    </p>
	        </li>
	        
	        
		</ul>
	</div>
</div>
</template>

<!-- 实名认证 -->
<template id="realNameAuthentication-template">
	<div>
		<mt-header fixed title="绑定手机" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="realNameAuthenticationModule">
			<mt-cell title="绑定手机" value="修改" :label="user.mobile" v-if="user.mobile != null && user.mobile != ''" to="/user/control/updatePhoneBinding/step1" is-link></mt-cell>
			<mt-cell title="绑定手机" value="立即绑定" label="你还没绑定手机" v-else to="/user/control/phoneBinding" is-link></mt-cell>
		
		</div>
	</div>
</template>

<!-- 绑定手机 -->
<template id="phoneBinding-template">
	<div>
		<mt-header fixed title="绑定手机" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="phoneBindingModule">
			<div class="phoneBinding">
				<ul>
					<li>
						<mt-field label="手机号" placeholder="必填" v-model.trim="mobile"></mt-field>
						<p class="tips">
							<span>{{error.mobile}}</span>
						</p>
					</li>
					<li>
						<mt-field v-model.trim="smsCode"  label="手机校验码" placeholder="短信验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 0px;margin-top: -44px; margin-right: 5px;">
							<mt-button  type="default"  @click.native="getSmsCode" :disabled="button.disabled">{{button.text}}</mt-button>
						</div>
						<p class="successInfo">
					    	<span>{{successInfo}}</span>	
					    </p>
						<p class="tips">
					    	<span>{{error.smsCode}}</span>	
					    </p>
					</li>
					<li>
			        	<input type="hidden" v-model="captchaKey">
			        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 0px;margin-top: -45px;">
							<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
						</div>
						
						<p class="tips">
					    	<span>{{error.captchaValue}}</span>	
					    </p>
			        </li>
					<li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
						<mt-button  type="primary" size="large" @click.native="submitData">提交</mt-button>
					</li>
				
				</ul>
			</div>
		</div>
	</div>
</template>

<!-- 修改手机绑定 第一步验证旧手机 -->
<template id="updatePhoneBinding_step1-template">
	<div>
		<mt-header fixed title="更换手机绑定" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="updatePhoneBinding_step1Module">
			<div class="phoneBinding">
				<ul>
					<li>
						<mt-cell title="已绑定手机" :value="mobile"></mt-cell>
					</li>
					<li>
						<mt-field v-model.trim="smsCode"  label="手机校验码" placeholder="短信验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 5px;margin-top: -44px; margin-right: 5px;">
							<mt-button  type="default"  @click.native="getSmsCode" :disabled="button.disabled">{{button.text}}</mt-button>
						</div>
						<p class="successInfo">
					    	<span>{{successInfo}}</span>	
					    </p>
						<p class="tips">
					    	<span>{{error.smsCode}}</span>	
					    </p>
					</li>
					<li>
			        	<input type="hidden" v-model="captchaKey">
			        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 5px;margin-top: -45px;">
							<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
						</div>
						
						<p class="tips">
					    	<span>{{error.captchaValue}}</span>	
					    </p>
			        </li>
					<li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
						<mt-button  type="primary" size="large" @click.native="submitData">下一步</mt-button>
					</li>
				
				</ul>
			</div>
		
		</div>	
	</div>
</template>

<!-- 修改手机绑定 第二步绑定新手机 -->
<template id="updatePhoneBinding_step2-template">
	<div>
		<mt-header fixed title="绑定新手机" style="background: #fafafa; color: #000000;font-size: 14px">
		    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="updatePhoneBinding_step2Module">
			<div class="phoneBinding">
				<ul>
					<li>
						<mt-field label="新手机号" placeholder="必填" v-model.trim="mobile"></mt-field>
						<p class="tips">
							<span>{{error.mobile}}</span>
						</p>
					</li>
					<li>
						<mt-field v-model.trim="smsCode"  label="手机校验码" placeholder="短信验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 0px;margin-top: -44px; margin-right: 5px;">
							<mt-button  type="default"  @click.native="getSmsCode" :disabled="button.disabled">{{button.text}}</mt-button>
						</div>
						<p class="successInfo">
					    	<span>{{successInfo}}</span>	
					    </p>
						<p class="tips">
					    	<span>{{error.smsCode}}</span>	
					    </p>
					</li>
					<li>
			        	<input type="hidden" v-model="captchaKey">
			        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
							
						</mt-field>
						<div style="position: absolute;right: 0px;margin-top: -45px;">
							<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
						</div>
						
						<p class="tips">
					    	<span>{{error.captchaValue}}</span>	
					    </p>
			        </li>
					<li  style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
						<mt-button  type="primary" size="large" @click.native="submitData">提交</mt-button>
					</li>
				
				</ul>
			</div>
		</div>
	</div>
</template>

<!-- 登录日志 -->
<template id="userLoginLog-template">
	<div>
		<mt-header fixed title="登录日志" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="userLoginLogModule">
			<div v-infinite-scroll="queryUserLoginLog" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
				<div>
				<ul>
					<li v-for="userLoginLog in userLoginLogList">
						<mt-cell :title="userLoginLog.logonTime" :label="userLoginLog.ip" :value="userLoginLog.typeNumber == 10 ? '登录' :(userLoginLog.typeNumber == 20 ? '续期':'')"></mt-cell>
					</li>
				</ul>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 私信 -->
<template id="privateMessage-template">
	<div>
		<mt-header fixed title="私信" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="privateMessageModule" >
			<div class="privateMessageList">
				<div v-infinite-scroll="queryPrivateMessage" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="privateMessage in privateMessageList">
						<div class="avatarBox">
				            <img :src="privateMessage.friendAvatarPath+'100x100/'+privateMessage.friendAvatarName" v-if="privateMessage.friendAvatarName != null && privateMessage.friendAvatarName != ''">
				            <!-- 首字符头像-->
				         	<img :ref="'privateMessageAvatarData_'+privateMessage.id"  v-if="privateMessage.friendAvatarName == null || privateMessage.friendAvatarName == ''">
				        </div>
						<div class="head">
							<span class="info" >
			                    <h2>{{privateMessage.friendNickname != null && privateMessage.friendNickname != '' ? privateMessage.friendNickname : privateMessage.friendAccount}}<span class="badge" v-if="privateMessage.status == 10">未读</span></h2>
			                    <div class="cancelNickname" v-if="privateMessage.friendAccount == null || privateMessage.friendAccount == ''">已注销</div>  	
			                    <p class="time">{{privateMessage.sendTime}}</p>
			                </span>
			                <span class="operating"><span class="delete-btn"  @click="deletePrivateMessage(privateMessage.friendUserName)"><span class="cms-trash" style="font-size: 11px;margin-right: 1px;"></span>删除</span></span>                     
			            </div>
			            <div class="main">
							<!-- router-link渲染成<p>标签-->
					        <router-link class="content"  tag="p" :to="{path: '/user/control/privateMessageChatList', query: {friendUserName: privateMessage.friendUserName}}">
					            {{privateMessage.messageContent}}
					        </router-link>                       
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
</template>


<!-- 私信对话 -->
<template id="privateMessageChat-template">
	<div>
		<mt-header fixed title="私信对话" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		
		<div class="privateMessageChatModule" >
			<div class="headInfo">
				<div class="title">{{friendUserNameTitle}}</div>
			</div>
			<mt-loadmore :top-method="queryPrivateMessageChat" :bottom-all-loaded="loading"  ref="loadmore" :top-pull-text='topText'>    

			<div v-for="privateMessage in privateMessageChatList"  :id="'anchor_'+privateMessage.id">
				<div class="friend" v-if="privateMessage.friendUserId == privateMessage.senderUserId">
					<!-- router-link渲染成<a>标签-->
			    	<router-link tag="a" :to="{path: '/user/control/home', query: {userName: privateMessage.senderUserName}}">
			        	<img :src="privateMessage.senderAvatarPath+'100x100/'+privateMessage.senderAvatarName" v-if="privateMessage.senderAvatarName != null && privateMessage.senderAvatarName != ''">
				        <!-- 首字符头像-->
				        <img :ref="'privateMessageChatAvatarData_'+privateMessage.id" :src="privateMessage.image"  v-if="privateMessage.senderAvatarName == null || privateMessage.senderAvatarName == ''">
				        
			        </router-link>
					<div>
			            <span>
			            	<div class="time">{{privateMessage.sendTime}}</div>
			            	<i></i>
			            	<em v-html="privateMessage.messageContent"></em>
			            	<!-- 
			            	<a class="msg-del"></a> -->
						</span>
					</div>
				</div>
				<div class="self" v-if="privateMessage.friendUserId != privateMessage.senderUserId">
					<!-- router-link渲染成<a>标签-->
			    	<router-link tag="a" :to="{path: '/user/control/home', query: {userName: privateMessage.senderUserName}}">
			        	<img :src="privateMessage.senderAvatarPath+'100x100/'+privateMessage.senderAvatarName" v-if="privateMessage.senderAvatarName != null && privateMessage.senderAvatarName != ''">
				        <!-- 首字符头像-->
				        <img :ref="'privateMessageChatAvatarData_'+privateMessage.id" :src="privateMessage.image"  v-if="privateMessage.senderAvatarName == null || privateMessage.senderAvatarName == ''">
				        
			        </router-link>
					<div>
			            <span>
			            	<div class="time">{{privateMessage.sendTime}}</div>
			            	<i></i>
			            	<em v-html="privateMessage.messageContent"></em>
			            	<!-- 
			            	<a class="msg-del"></a> -->
						</span>
					</div>
				</div>
			</div>
			</mt-loadmore>
			<!-- 
			<div class="privateMessageChatList">
				<div v-infinite-scroll="queryPrivateMessageChat" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="privateMessage in privateMessageChatList">
						<div class="avatarBox">
				            <img :src="privateMessage.senderAvatarPath+'100x100/'+privateMessage.senderAvatarName" v-if="privateMessage.senderAvatarName != null">
				            <img :src="$store.state.commonPath+'images/min_avata.png'" v-if="privateMessage.senderAvatarName == null || privateMessage.senderAvatarName == ''">
				        </div>
						<div class="head">
							<span class="info" >
			                    <h2>{{privateMessage.senderUserName}}<span class="badge" v-if="privateMessage.status == 10">未读</span></h2>
			                        	
			                    <p class="time">{{privateMessage.sendTime}}</p>
			                </span>
			            </div>
			            <div class="main">
							<p class="content" v-html="privateMessage.messageContent"></p>                          
						</div>
					</div>
				</div>
			</div>
			 -->
			 
			
			
			<div class="privateMessageEnter">
				<div class="message-container" @click="addPrivateMessageUI();" >
					<div class="messageContent-box">
						<span class="cms-pencil messageContent-icon"></span>
						<span class="messageContent-text" v-if="messageContent == null || messageContent == ''">我想说的话...</span>
						<span class="messageContent-text" v-if="messageContent != null && messageContent != ''">{{messageContent}}</span>
					</div>
					<div class="privateMessage-info">
						<span>
							<span>
								<i class="cms-commentCount message-count-icon"></i>
							</span>
							<span class="message-count-text">{{totalrecord}}</span>
						</span>
					</div>
				</div>
			</div>
			

			 
			<!-- 发私信 -->
			<mt-popup v-model="popup_privateMessage" position="bottom" style="width: 100%;height: 100%;">
			
				<mt-header fixed title="发私信" style="background: #fafafa; color: #000000;font-size: 14px">
			    	<mt-button icon="back" @click.native="popup_privateMessage = false" slot="left" >返回</mt-button>
			    	<router-link to="/index" slot="right" @click.native="popup_privateMessage = false" >
			    		<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
					</router-link>
				</mt-header> 
				
				<div ref="addPrivateMessageFormScroll" class="addPrivateMessageScroll">
					<div class="box" >
						<div class="chatUser">
							<div class="userName">{{friendUserNameTitle}}</div>
						</div>
						<div class="addPrivateMessageForm" >
							<ul>
								<li>
									<textarea class="messageContent" v-model.trim="messageContent"  rows="10"  placeholder="输入私信内容" ></textarea>
									<p class="tips">
								    	<span>{{error.messageContent}}</span>	
								    </p>
								
								</li>
								
								<li v-if="showCaptcha" >
						        	<input type="hidden" v-model="captchaKey">
						        	<mt-field v-model.trim="captchaValue"  @change.native="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text" >
										
									</mt-field>
									<div style="position: absolute;right: 0px;margin-top: -45px; ">
										<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
									</div>
									<p class="tips">
								    	<span>{{error.captchaValue}}</span>	
								    </p>
						        </li>
						        <li style="margin-top: 10px; padding-bottom: 10px; ">
									<mt-button  type="primary" size="large"  @click.native="addPrivateMessage">提交</mt-button>
									<p class="tips">
								    	<span>{{error.privateMessage}}</span>	
								    </p>
									
								</li>
							</ul>
						</div>
					</div>
					
				</div>
			</mt-popup>
		</div>
		
	</div>
</template> 

<!-- 系统通知 -->
<template id="systemNotify-template">
	<div>
		<mt-header fixed title="系统通知" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		
		<div class="systemNotifyModule" >
			<div class="systemNotifyList">
				<div v-infinite-scroll="querySystemNotify" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="subscriptionSystemNotify in subscriptionSystemNotifyList">
			            <div class="head">
							<span class="info" >
			                    <h2>{{subscriptionSystemNotify.sendTime}}<span class="badge" v-if="subscriptionSystemNotify.status == 10">未读</span></h2>
			                </span>
			                <span class="operating"><span class="delete-btn"  @click="deleteSystemNotify(subscriptionSystemNotify.id)"><span class="cms-trash" style="font-size: 11px;margin-right: 1px;"></span>删除</span></span>                     
			            </div>
			            <div class="main">
							<p class="commentContent" v-html="subscriptionSystemNotify.content"></p>                          
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
</template> 

<!-- 提醒 -->
<template id="remind-template">
	<div>
		<mt-header fixed title="提醒" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="remindModule" >
			<div class="remindList">
				<div v-infinite-scroll="queryRemind" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="remind in remindList">
						<div class="avatarBox">
				            <img :src="remind.senderAvatarPath+'100x100/'+remind.senderAvatarName" v-if="remind.senderAvatarName != null && remind.senderAvatarName != ''">
				            <!-- 首字符头像-->
				        	<img :ref="'remindSenderAvatarData_'+remind.id" :src="remind.image"  v-if="remind.senderAvatarName == null || remind.senderAvatarName == ''">
						
				        </div>
						<div class="head">
							<span class="info" >  	
			                    <p class="time">{{remind.sendTime}}<span class="badge" v-if="remind.status == 10">未读</span></p>
			                </span>
			                <span class="operating"><span class="delete-btn"  @click="deleteRemind(remind.id)"><span class="cms-trash" style="font-size: 11px;margin-right: 1px;"></span>删除</span></span>                     
			            </div>
			            <div class="main">
							<!-- router-link渲染成<p>标签-->
							<div class="content">
								<!--reportModule为前端借用‘举报’功能标记模块提示项的参数   10:话题  20:评论  30:评论回复  40:问题  50:答案   60:答案回复-->
								<div v-if="remind.typeCode == 10">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
							      
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
										
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.friendTopicCommentId,reportModule:20}}">
							            {{remind.topicTitle}}
							        </router-link>
									评论了我的话题
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 20">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.friendTopicCommentId,replyId:remind.friendTopicReplyId,reportModule:30}}">
							            {{remind.topicTitle}}
							        </router-link>
									回复了我的话题
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 30">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.friendTopicCommentId,reportModule:20}}">
							            {{remind.topicTitle}}
							        </router-link>
									引用了我的评论
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 40">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.topicCommentId,replyId:remind.friendTopicReplyId,reportModule:30}}">
							            {{remind.topicTitle}}
							        </router-link>
									回复了我的评论
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 50">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.friendTopicCommentId,replyId:remind.friendTopicReplyId,reportModule:30}}">
							            {{remind.topicTitle}}
							        </router-link>
									回复了我回复过的评论
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 55">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.friendTopicCommentId,replyId:remind.friendTopicReplyId,reportModule:30}}">
							            {{remind.topicTitle}}
							        </router-link>
									回复了我的评论回复
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 60">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId}}">
							            {{remind.topicTitle}}
							        </router-link>
									解锁了我的话题
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 70">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId}}">
							            {{remind.topicTitle}}
							        </router-link>
									赞了我的话题
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 80">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									关注了我
								</div>
								<div v-if="remind.typeCode == 90">
									我关注的
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									发表了话题
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId}}">
							            {{remind.topicTitle}}
							        </router-link>
							        <div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 100">
									我关注的
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.friendTopicCommentId,reportModule:20}}">
							            {{remind.topicTitle}}
							        </router-link>
									发表了评论
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 110">
									我关注的
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									在
									<router-link class="link" :to="{path: '/thread', query: {topicId: remind.topicId, commentId:remind.friendTopicCommentId,replyId:remind.friendTopicReplyId,reportModule:30}}">
							            {{remind.topicTitle}}
							        </router-link>
									发表了话题回复
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								
								
								<div v-if="remind.typeCode == 120">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/question', query: {questionId: remind.questionId, answerId:remind.friendQuestionAnswerId,reportModule:50}}">
							            {{remind.questionTitle}}
							        </router-link>
									回答了我的问题
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 130">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/question', query: {questionId: remind.questionId, answerId:remind.friendQuestionAnswerId,replyId:remind.friendQuestionReplyId,reportModule:60}}">
							            {{remind.questionTitle}}
							        </router-link>
									回复了我的问题
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 140">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/question', query: {questionId: remind.questionId, answerId:remind.questionAnswerId,replyId:remind.friendQuestionReplyId,reportModule:60}}">
							            {{remind.questionTitle}}
							        </router-link>
									回复了我的答案
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 150">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/question', query: {questionId: remind.questionId, answerId:remind.friendQuestionAnswerId,replyId:remind.friendQuestionReplyId,reportModule:60}}">
							            {{remind.questionTitle}}
							        </router-link>
									回复了我回复过的答案
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 160">
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link class="link" :to="{path: '/question', query: {questionId: remind.questionId, answerId:remind.friendQuestionAnswerId,replyId:remind.friendQuestionReplyId,reportModule:60}}">
							            {{remind.questionTitle}}
							        </router-link>
									回复了我的答案回复
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								
								<div v-if="remind.typeCode == 170">
									我关注的
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									提了问题
									<router-link tag="a" :to="{path:'/question',query:{questionId:remind.questionId}}">
                                        {{remind.questionTitle}}
                                    </router-link>
                                    <div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 180">
									我关注的
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									在
									<router-link tag="a" :to="{path:'/question',query:{questionId:remind.questionId,answerId:remind.friendQuestionAnswerId,reportModule:50}}">
                                        {{remind.questionTitle}}
                                    </router-link>
									回答了问题
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
								<div v-if="remind.typeCode == 190">
									我关注的
									<span class="cancelAccount" v-if="remind.senderAccount == null || remind.senderAccount == ''">此用户账号已注销</span>
									
									<router-link class="link" :to="{path: '/user/control/home', query: {userName: remind.senderUserName}}">
							            {{remind.senderNickname != null && remind.senderNickname != '' ? remind.senderNickname : remind.senderAccount}}
							        </router-link>
									在
									<router-link tag="a" :to="{path:'/question',query:{questionId:remind.questionId,answerId:remind.friendQuestionAnswerId,replyId:remind.friendQuestionReplyId,reportModule:60}}">
                                        {{remind.questionTitle}}
                                    </router-link>
									发表了答案回复
									<div class="summary">
                                        {{remind.summary}}
                                    </div>
								</div>
							</div>               
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
</template>

<!-- 收藏夹 -->
<template id="favorite-template">
	<div>
		<mt-header fixed title="收藏夹" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="favoriteModule" >
			<div class="favoriteList">
				<div v-infinite-scroll="queryFavorite" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="favorite in favoriteList">
			            <div class="head">
			            	<span class="module" v-if="favorite.module == 10">
			                    话题
			                </span>
			                <span class="module" v-if="favorite.module == 20">
			                    问题
			                </span>
							<span class="info" >
			                    <h2>{{favorite.addtime}}</h2>
			                </span>
			                <span class="operating"><span class="delete-btn"  @click="deleteFavorite(favorite.id)"><span class="cms-trash" style="font-size: 11px;margin-right: 1px;"></span>删除</span></span>                     
			            </div>
			            <div class="main">
			            	<!-- router-link渲染成<p>标签-->
			            	<router-link v-if="favorite.module == 10" tag="p" class="content" :to="{path: '/thread', query: {topicId: favorite.topicId}}" >
								{{favorite.topicTitle}}
							</router-link>    
							<router-link v-if="favorite.module == 20" tag="p" class="content" :to="{path: '/question', query: {questionId: favorite.questionId}}" >
								{{favorite.questionTitle}}
							</router-link>                      
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 话题收藏列表 -->
<template id="topicFavorite-template">
	<div>
		<mt-header fixed title="话题收藏" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="userLoginLogModule">
			<div v-infinite-scroll="queryTopicFavorite" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
				<ul>
					<li v-for="favorite in favoriteList">
						<mt-cell :title="(favorite.nickname != null && favorite.nickname != '') ? favorite.account+' (呢称：'+favorite.nickname+')' : favorite.account"  :label="favorite.addtime" v-if="favorite.account != null && favorite.account != ''"  @click.native="toUser(favorite.userName)" is-link></mt-cell>
						<mt-cell title="此用户账号已注销" :label="favorite.addtime" v-if="favorite.account == null || favorite.account == ''"></mt-cell>
					</li>
				
				</ul>
			</div>
		</div>
	</div>
</template>

<!-- 点赞 -->
<template id="like-template">
	<div>
		<mt-header fixed title="点赞" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="likeModule" >
			<div class="likeList">
				<div v-infinite-scroll="queryLike" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="like in likeList">
			            <div class="head">
							<span class="info" >
			                    <h2>{{like.addtime}}</h2>
			                </span>
			                <span class="operating"><span class="delete-btn"  @click="deleteLike(like.id)"><span class="cms-trash" style="font-size: 11px;margin-right: 1px;"></span>删除</span></span>                     
			            </div>
			            <div class="main">
			            	<!-- router-link渲染成<p>标签-->
			            	<router-link tag="p" class="content" :to="{path: '/thread', query: {topicId: like.topicId}}" >
								{{like.topicTitle}}
							</router-link>                        
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 话题点赞列表 -->
<template id="topicLike-template">
	<div>
		<mt-header fixed title="话题点赞" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="userLoginLogModule">
			<div v-infinite-scroll="queryTopicLike" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
				<ul>
					<li v-for="like in likeList">
						<mt-cell :title="(like.nickname != null && like.nickname != '') ? like.account+' (呢称：'+like.nickname+')' : like.account"  :label="like.addtime" v-if="like.account != null && like.account != ''" @click.native="toUser(like.userName)" is-link></mt-cell>
						<mt-cell title="此用户账号已注销" :label="like.addtime" v-if="like.account == null || like.account == ''" ></mt-cell>
					</li>
				
				</ul>
			</div>
		</div>
	</div>
</template>

<!-- 话题取消隐藏用户列表 -->
<template id="topicUnhide-template">
	<div>
		<mt-header fixed title="话题取消隐藏用户" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="topicUnhideListModule">
			<div v-infinite-scroll="queryTopicUnhide" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
				<ul>
					<li v-for="topicUnhide in topicUnhideList">
						<mt-cell :title="(topicUnhide.nickname != null && topicUnhide.nickname != '') ? topicUnhide.account+' (呢称：'+topicUnhide.nickname+')' : topicUnhide.account" :label="topicUnhide.cancelTime" v-if="topicUnhide.hideTagType == 10 && topicUnhide.account != null && topicUnhide.account != ''"  value="输入密码" @click.native="toUser(topicUnhide.userName)" is-link></mt-cell>
					
						<mt-cell title="此用户账号已注销" :label="topicUnhide.cancelTime" v-if="topicUnhide.hideTagType == 10 && (topicUnhide.account == null || topicUnhide.account == '')"  value="输入密码" ></mt-cell>
						
						<mt-cell :title="(topicUnhide.nickname != null && topicUnhide.nickname != '') ? topicUnhide.account+' (呢称：'+topicUnhide.nickname+')' : topicUnhide.account" :label="topicUnhide.cancelTime" v-if="topicUnhide.hideTagType == 40 && topicUnhide.account != null && topicUnhide.account != ''"  value="积分购买" @click.native="toUser(topicUnhide.userName)" is-link></mt-cell>
						<mt-cell title="此用户账号已注销" :label="topicUnhide.cancelTime" v-if="topicUnhide.hideTagType == 40 && (topicUnhide.account == null || topicUnhide.account == '')"  value="积分购买" ></mt-cell>
					</li>
				
				</ul>
			</div>
		</div>
	</div>
</template>

<!-- 关注 -->
<template id="follow-template">
	<div>
		<mt-header fixed title="关注" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="followModule" >
			<div class="followList">
				<div v-infinite-scroll="queryFollow" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="follow in followList">
			            <div class="head">
							<span class="info" >
			                    <h2>{{follow.addtime}}</h2>
			                </span>
			                <span class="operating"><span class="delete-btn"  @click="deleteFollow(follow.id)"><span class="cms-trash" style="font-size: 11px;margin-right: 1px;"></span>删除</span></span>                     
			            </div>
			            <div class="main">
			            	<!-- router-link渲染成<div>标签 -->
					    	<router-link class="avatarBox"  tag="span" :to="{path: '/user/control/home', query: {userName: follow.friendUserName}}">
					        	<img :src="follow.friendAvatarPath+'100x100/'+follow.friendAvatarName" v-if="follow.friendAvatarName != null && follow.friendAvatarName != ''">
					            <!-- 首字符头像-->
					         	<img :ref="'followUserAvatarData_'+follow.id"  v-if="follow.friendAvatarName == null || follow.friendAvatarName == ''">
					        </router-link>
			            
			            	<!-- router-link渲染成<p>标签 --> 
			            	<router-link tag="span" class="userName" :to="{path: '/user/control/home', query: {userName: follow.friendUserName}}">
								{{follow.friendAccount}}<span v-if="follow.friendNickname != null && follow.friendNickname != ''"> （呢称：{{follow.friendNickname}}）</span>
							</router-link> 
							
							<span class="userName" v-if="follow.friendAccount == null || follow.friendAccount == ''">此用户账号已注销</span>                
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 粉丝 -->
<template id="follower-template">
	<div>
		<mt-header fixed title="粉丝" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="followerModule" >
			<div class="followerList">
				<div v-infinite-scroll="queryFollower" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="follower in followerList">
			            <div class="head">
							<span class="info" >
			                    <h2>{{follower.addtime}}</h2>
			                </span>
			            </div>
			            
			            <div class="main">
			            	<!-- router-link渲染成<div>标签 -->
					    	<router-link class="avatarBox"  tag="span" :to="{path: '/user/control/home', query: {userName: follower.friendUserName}}">
					        	<img :src="follower.friendAvatarPath+'100x100/'+follower.friendAvatarName" v-if="follower.friendAvatarName != null && follower.friendAvatarName != ''">
					            <!-- 首字符头像-->
					         	<img :ref="'followerUserAvatarData_'+follower.id"  v-if="follower.friendAvatarName == null || follower.friendAvatarName == ''">
					        </router-link>
			            
			            	<!-- router-link渲染成<p>标签 --> 
			            	<router-link tag="span" class="userName" :to="{path: '/user/control/home', query: {userName: follower.friendUserName}}">
								{{follower.friendAccount}}<span v-if="follower.friendNickname != null && follower.friendNickname != ''"> （呢称：{{follower.friendNickname}}）</span>
							</router-link> 
							
							<span class="userName" v-if="follower.friendAccount == null || follower.friendAccount == ''">此用户账号已注销</span>              
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 会员卡订单 -->
<template id="membershipCardOrderList-template">
	<div>
		<mt-header fixed title="会员卡订单" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="membershipCardOrderListModule" >
			<div class="membershipCardOrderList">
				<div v-infinite-scroll="queryMembershipCardOrderList" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="membershipCardOrder in membershipCardOrderList">
			            <div class="head clearfix">
							<span class="orderId" >
			                    <h2>订单号：{{membershipCardOrder.orderId}}</h2>
			                </span>
			                <span class="duration">
			                	{{membershipCardOrder.duration}}
			                	<span v-if="membershipCardOrder.unit == 10">小时</span>
			                	<span v-if="membershipCardOrder.unit == 20">日</span>
			                	<span v-if="membershipCardOrder.unit == 30">月</span>
			                	<span v-if="membershipCardOrder.unit == 40">年</span>
			                	× {{membershipCardOrder.quantity}}
			                </span>                     
			            </div>
			            
			            
			            
			            <div class="main">
			            	<p>{{membershipCardOrder.roleName}}</p>
			            	<p>{{membershipCardOrder.specificationName}}</p>
			            	                  
						</div>
						<div class="bottomInfo">
						 	<span class="funds" >
			                    <i class="cms-deposit paymentAmount-icon"></i><span class="paymentAmount" >{{membershipCardOrder.paymentAmount}}元</span>
			                    <i class="cms-point paymentPoint-icon"></i><span class="paymentPoint" >{{membershipCardOrder.paymentPoint}}积分</span>
			                </span>
			                <span class="time" >
			                	{{membershipCardOrder.createDate}}
			                </span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 余额 -->
<template id="balance-template">
	<div>
		<mt-header fixed title="余额" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		
		<div class="balanceModule" >
			<div class="deposit" >
				<span class="currency">¥</span><h2>{{deposit}}</h2><span class="unit">元</span>
				<div class="button">
					<mt-button type="primary" plain @click.native="jumpRecharge">充值</mt-button>
				</div>
			</div>
			<div class="paymentLogList">
				<div v-infinite-scroll="queryBalance" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="paymentLog in paymentLogList">
			            <div class="head">
							<span class="runningNumber" >
			                    <h2>支付流水号：{{paymentLog.paymentRunningNumber}}</h2>
			                </span>                 
			            </div>
			            <div class="main">
			            	<p v-if="paymentLog.amountState == 1">+{{paymentLog.amount}}元</p>
			            	<p v-if="paymentLog.amountState == 2">-{{paymentLog.amount}}元</p>
			            	<p>{{paymentLog.remark}}</p>          
						</div>
						<div class="bottomInfo">
						 	<span class="module" >
			                    <span class="payment" v-if="paymentLog.paymentModule == 1">会员卡订单支付</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 5">充值</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 70">余额购买话题隐藏内容</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 80">解锁话题隐藏内容分成</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 90">悬赏金额</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 100">采纳答案</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 110">调整赏金</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 120">话题发红包</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 130">话题收红包</span>
			                    <span class="payment" v-if="paymentLog.paymentModule == 140">话题返还红包</span>
			                </span>
			                <span class="time" >
			                	{{paymentLog.times}}
			                </span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 支付页 -->
<template id="payment-template">
	<div>
		<mt-header fixed title="支付" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
		    	<span class="ti-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="paymentModule">
			<div class="payment" v-if="paymentModule ==5">
				<ul>
					<li>
						<mt-field label="充值金额" placeholder="必填" v-model="rechargeAmount" @change.native="paymentVerification"></mt-field>
						<p class="tips">
					    	<span>{{error.userName}}</span>
					    </p>
					</li>
				</ul>
			</div>
			
			<div class="onlinePaymentInterface">
				<ul>
					<li v-for="onlinePaymentInterface in onlinePaymentInterfaceList" class="item">
						<div class="head">{{onlinePaymentInterface.name}}</div>
						
						<div class="bankSelect"  >
							
                        	<dl v-for="bank in onlinePaymentInterface.bankList" @click="selectPayment(onlinePaymentInterface.interfaceProduct,bank.code)">
                            	<dt>
                            		<div class="radioBox" >
	                                	<span class="mint-radio" >
								        	<input class="mint-radio-input" v-model="paymentBank_radio" :value="onlinePaymentInterface.interfaceProduct+'_'+bank.code" type="radio" >
								        	<span class="mint-radio-core" style="width: 20px; height: 20px;"></span>
								        </span>
							        </div>
                                </dt>
                                <dd>
                                    <img :src="$store.state.commonPath+'images/bank/'+bank.icon" width="120" height="32" />
                                </dd>
                                <dd>
                                    <div class="bankName">{{bank.name}}</div>
                                </dd>
                            </dl>
						</div>
					</li>
				</ul>
			</div>
			
			<div class="payNow">
				<ul>
					<li><mt-button  type="primary" size="large" @click.native="pay">立即付款</mt-button></li>
				</ul>
			</div>
		</div>
	</div>
</template>



<!-- 支付完成通知 -->
<template id="paymentCompleted-template">
	<div>
		<mt-header fixed title="支付完成" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
		    	<span class="ti-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
	    <div class="paymentCompletedModule">
	        <div class="box">
	            <h2 class="title">
	                支付完成
	            </h2>
	            <div class="button">
	            	<mt-button type="primary" @click.native="queryHome()" style="width: 150px;">前往用户中心</mt-button>
	            </div>
	        </div>
	    </div>
	
	</div>
</template>

<!-- 会员卡列表 -->
<template id="membershipCardList-template">
	<div>
		<mt-header fixed title="会员卡列表" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
	    <div class="membershipCardListModule">
	        <div class="membershipCardList">
	        	<div class="line"><span class="title">会员套餐任你选</span></div>
				<ul class="box" >
					<li class="item" v-for="membershipCard in membershipCardList">
						<div class="info">
							<h5>{{membershipCard.name}}</h5>
							<div class="descriptionTag-box">
		                        <p v-for="descriptionTag in membershipCard.descriptionTagList" class="descriptionTag">{{descriptionTag}}</p>
		                    </div>
							<div class="buyInfo">
								<div v-if="membershipCard.lowestPrice != null && membershipCard.lowestPrice > 0" class="price">
									<p><b>￥</b><span>{{membershipCard.lowestPrice}}</span> 元起</p>
								</div>
								<div v-if="membershipCard.lowestPoint != null && membershipCard.lowestPoint > 0" class="price">
									<p><span>{{membershipCard.lowestPoint}}</span> 积分起</p>
								</div>
								<i class="subtitle">{{membershipCard.subtitle}}</i>
								<router-link class="buyButton"  :to="{path: '/membershipCard', query: {membershipCardId: membershipCard.id}}" >
									查看详情
								</router-link>
							</div>
						</div>
					</li>	
				</ul> 
			</div> 
		</div>
	</div>
</template>

<!-- 会员卡 -->
<template id="membershipCard-template">
	<div>
		<mt-header fixed title="会员卡" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
	    <div class="membershipCardModule" v-if="membershipCard != null && membershipCard != ''">
			
			<div class="membershipCard-item" v-for="(specification,index) in membershipCard.specificationList">
				<div class="title">{{specification.specificationName}}</div>
				<div class="info">
					<div class="sellingPrice" v-if="specification.sellingPrice != null && specification.sellingPrice > 0"><b>￥</b><strong>{{specification.sellingPrice}}</strong> 元</div>
					
					<div class="sellingPrice" v-if="specification.point != null && specification.point > 0"><strong>{{specification.point}}</strong> 积分</div>
					
					<div class="marketPrice" v-if="specification.marketPrice != null && specification.marketPrice > 0">原价￥<span>{{specification.marketPrice}}</span> 元</div>
					
					<div class="buy-box">
						 <button class="buyButton"  :disabled="buttonDisabled[index]"  @click="addMembershipCardOrder(index,specification.id);">立即购买</button>
						
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="detail">
	            <p class="title">详情</p>
	            <div class="line-blue"></div>
	            <div class="line-gray"></div>
	            <div class="content" v-html="membershipCard .introduction"></div>
	        </div>
  
        </div>
	        
	        
		</div>
	</div>
</template>

<!-- 修改话题 -->
<template id="editTopic-template">
	<div>
		<mt-header fixed title="修改话题" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="editTopicModule">
	    	<div class="topicScroll">
				<div class="box" >
					<div class="topicForm" >
						<ul>
							<li>
								<mt-field v-model.trim="topicTitle" label="标题" placeholder="输入标题" type="textarea" rows="2" ></mt-field>
								<p class="tips">
							    	<span>{{error.topicTitle}}</span>	
							    </p>
							</li>
					        
							<li>
								<div ref="topicContentEditorToolbar" class="editor-toolbar"></div>
								<div ref="topicContentEditorText"  class="editor-text"></div>
								<p class="tips">
							    	<span>{{error.topicContent}}</span>	
							    </p>
							</li>
							
							<li v-if="showCaptcha" >
					        	<input type="hidden" v-model="captchaKey">
					        	<mt-field v-model.trim="captchaValue"  v-on:input="validation_captchaValue" label="验证码" placeholder="请输入验证码"  type="text">
									
								</mt-field>
								<div style="position: absolute;right: 0px;margin-top: -45px; ">
									<img :src="imgUrl" @click="replaceCaptcha" height="45px" width="120px" >
								</div>
								<p class="tips">
							    	<span>{{error.captchaValue}}</span>	
							    </p>
					        </li>
					      
					        <li style="margin-left: 5px;margin-right: 5px; margin-top: 10px; padding-bottom: 10px;">
								<mt-button  type="primary" size="large"  @click.native="editTopic">提交</mt-button>
								<p class="tips">
							    	<span>{{error.topic}}</span>	
							    </p>
								
							</li>
						</ul>
					</div>
				</div>
			</div>
	        
	        
		</div>
	</div>
</template>


<!-- 发红包 -->
<template id="giveRedEnvelopeList-template">
	<div>
		<mt-header fixed title="发红包" style="background: #fafafa; color: #000000;font-size: 14px">
		    <mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
		    <router-link to="/index" slot="right">
		    	<span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="giveRedEnvelopeListModule">
			<div class="giveRedEnvelopeList">
			    <div class="item" v-for="(giveRedEnvelope,index) in giveRedEnvelopeList" >
			    	<div class="topInfo clearfix">                                   
			            <span class="bLeft">
			                <div class="type" v-if="giveRedEnvelope.type == 10">个人定向红包</div>
			                <div class="type" v-if="giveRedEnvelope.type == 20">公共随机红包</div>
			                <div class="type" v-if="giveRedEnvelope.type == 30">公共定额红包</div>      
			            </span>
			            <p class="bRight">
			            	<i class="time">{{giveRedEnvelope.giveTime}}</i>
			            </p> 
			        </div>
			        <span class="title" >
				        <router-link  tag="span" :to="{path: '/thread', query: {topicId: giveRedEnvelope.bindTopicId}}" >
				            {{giveRedEnvelope.bindTopicTitle}}
				        </router-link>
			        </span>
			        <div class="redEnvelopeAmountDistribution clearfix">
			        	<mt-button type="default"  @click.native="toRedEnvelopeAmountDistribution(giveRedEnvelope.id);"  plain style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 30px;font-size: 16px;"><span class="cms-redEnvelope-2 icon"></span>金额分配</mt-button>
						 	
			        </div>
			        <div class="redEnvelopeInfo clearfix">
			        	<div class="details"><span class="text">总金额:</span><span class="val">{{giveRedEnvelope.totalAmount}}元<span style="color: red;" v-if="giveRedEnvelope.refundAmount >0"> 返还{{giveRedEnvelope.refundAmount}}</span></span></div>
			        	<div class="details"><span class="text">发放数量:</span><span class="val">{{giveRedEnvelope.giveQuantity}}</span></div>
			        	<div class="details"><span class="text">已领取数量:</span><span class="val">{{giveRedEnvelope.giveQuantity - giveRedEnvelope.remainingQuantity}}</span></div>
			        </div>
			    </div>
			    <div class="giveRedEnvelopePage page">
			    	<router-link :to="{path: '/user/control/giveRedEnvelopeList', query: {page: on}}" :class="on != ''? 'selected' : 'no'">上一页</router-link>   	
			    	<span class="count">{{currentpage}}/{{totalpage}}</span>       
			    	<router-link :to="{path: '/user/control/giveRedEnvelopeList', query: {page: next}}" :class="next != ''? 'selected' : 'no'">下一页</router-link>
			    </div>
			</div>
			
		</div>
	</div>
</template>

<!-- 发红包金额分配 -->
<template id="redEnvelopeAmountDistributionList-template">
	<div>
		<mt-header fixed title="红包金额分配" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="redEnvelopeAmountDistributionListModule" >
			<div class="redEnvelopeAmountDistributionList">
				<div class="giveRedEnvelope" >
					<div class="topInfo clearfix">                                   
			            <span class="bLeft">
			                <div class="type" v-if="giveRedEnvelope.type == 10">个人定向红包</div>
			                <div class="type" v-if="giveRedEnvelope.type == 20">公共随机红包</div>
			                <div class="type" v-if="giveRedEnvelope.type == 30">公共定额红包</div>      
			            </span>
			            <p class="bRight">
			            	<i class="time">{{giveRedEnvelope.giveTime}}</i>
			            </p> 
			        </div>
					<span class="title" >
				        <router-link  tag="span" :to="{path: '/thread', query: {topicId: giveRedEnvelope.bindTopicId}}" >
				            {{giveRedEnvelope.bindTopicTitle}}
				        </router-link>
			        </span>
			        <div class="redEnvelopeInfo clearfix">
			        	<div class="details"><span class="text">总金额:</span><span class="val">{{giveRedEnvelope.totalAmount}}元<span style="color: red;" v-if="giveRedEnvelope.refundAmount >0"> 返还{{giveRedEnvelope.refundAmount}}</span></span></div>
			        	<div class="details"><span class="text">发放数量:</span><span class="val">{{giveRedEnvelope.giveQuantity}}</span></div>
			        	<div class="details"><span class="text">已领取数量:</span><span class="val">{{giveRedEnvelope.giveQuantity - giveRedEnvelope.remainingQuantity}}</span></div>
			        </div>
					
				</div>
				<div class="clearfix"></div>
				
				<div v-infinite-scroll="queryRedEnvelopeAmountDistributionList" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="receiveRedEnvelope in receiveRedEnvelopeList">
			            <div class="head">
							<!-- router-link渲染成<div>标签-->
					    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: receiveRedEnvelope.receiveUserName}}">
					        	<img :src="receiveRedEnvelope.receiveAvatarPath+'100x100/'+receiveRedEnvelope.receiveAvatarName" v-if="receiveRedEnvelope.receiveAvatarName != null && receiveRedEnvelope.receiveAvatarName != ''">
								<!-- 首字符头像-->
				         		<img :ref="'receiveRedEnvelopeAvatarData_'+receiveRedEnvelope.id"  v-if="receiveRedEnvelope.receiveAvatarName == null || receiveRedEnvelope.receiveAvatarName == ''">
				         	
					        </router-link>
							<span class="info" >
								<!-- router-link渲染成<h2>标签-->
						    	<router-link tag="h2" class="clearfix" :to="{path: '/user/control/home', query: {userName: receiveRedEnvelope.receiveUserName}}">
						        	<div class="userName">{{receiveRedEnvelope.receiveNickname != null && receiveRedEnvelope.receiveNickname != '' ? receiveRedEnvelope.receiveNickname : receiveRedEnvelope.receiveAccount}}</div>
						        </router-link>
						        <div class="cancelNickname" v-if="receiveRedEnvelope.receiveAccount == null || receiveRedEnvelope.receiveAccount == ''">已注销</div>
						        
	                        	<div class="time clearfix">{{receiveRedEnvelope.receiveTime}}</div>
	                        </span>                   
	                    </div>
			            
			            <div class="main">
			            	   {{receiveRedEnvelope.amount}}元
						</div>
			            
					</div>
				</div>
				
			</div>
		</div>
	</div>
</template>

<!-- 收红包 -->
<template id="receiveRedEnvelopeList-template">
	<div>
		<mt-header fixed title="收红包" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="receiveRedEnvelopeListModule" >
			<div class="receiveRedEnvelopeListList">
				<div v-infinite-scroll="queryReceiveRedEnvelopeList" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
					<div class="item" v-for="receiveRedEnvelope in receiveRedEnvelopeList">
			            <div class="head">
							<!-- router-link渲染成<div>标签-->
					    	<router-link class="avatarBox"  tag="div" :to="{path: '/user/control/home', query: {userName: receiveRedEnvelope.giveUserName}}">
					        	<img :src="receiveRedEnvelope.giveAvatarPath+'100x100/'+receiveRedEnvelope.giveAvatarName" v-if="receiveRedEnvelope.giveAvatarName != null && receiveRedEnvelope.giveAvatarName != ''">
								<!-- 首字符头像-->
				         		<img :ref="'receiveRedEnvelopeAvatarData_'+receiveRedEnvelope.id"  v-if="receiveRedEnvelope.giveAvatarName == null || receiveRedEnvelope.giveAvatarName == ''">
				         	
					        </router-link>
							<span class="info" >
								<!-- router-link渲染成<h2>标签-->
						    	<router-link tag="h2" class="clearfix" :to="{path: '/user/control/home', query: {userName: receiveRedEnvelope.giveUserName}}">
						        	<div class="userName">{{receiveRedEnvelope.giveNickname != null && receiveRedEnvelope.giveNickname != '' ? receiveRedEnvelope.giveNickname : receiveRedEnvelope.giveAccount}}</div>
						        </router-link>
	                        	<div class="cancelNickname" v-if="receiveRedEnvelope.giveAccount == null || receiveRedEnvelope.giveAccount == ''">已注销</div>
	                          	
	                          	<div class="time clearfix">{{receiveRedEnvelope.receiveTime}}</div>
	                        </span>                   
	                    </div>
			            
			            <div class="main">
			            	   {{receiveRedEnvelope.amount}}元
						</div>
			            
					</div>
				</div>
			</div>
		</div>
	</div>
</template>


<!-- 举报 -->
<template id="reportList-template">
	<div>
		<mt-header fixed title="举报" style="background: #fafafa; color: #000000;font-size: 14px">
	    	<mt-button icon="back" @click.native="back();" slot="left" style='font-size:12px'>返回</mt-button>
	    	<router-link to="/index" slot="right">
			    <span class="cms-home" style="font-size: 18px;color: #595959;"></span>
			</router-link>
		</mt-header>
		<div class="reportListModule">
			<div v-infinite-scroll="queryReport" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
				<div class="reportList">
					<ul>
						<li class="item" v-for="report in reportList">
							<div class="top-container clearfix">                                   
					            <span class="bLeft">
					                <div class="type" >{{report.reportTypeName}}</div> 
					            </span>
					            <p class="bRight">
					            	<i class="time">{{report.postTime}}</i>
					            </p> 
					        </div>
					        <div class="middle-container clearfix">
						        <div class="reason" >{{report.reason}}</div>
						        <div class="moduleInfo clearfix">
						        	<mt-button type="default" v-if="report.module == 10" @click="router.push({path: '/thread', query:{ topicId : report.parameterId, reportModule:report.module}})"  plain style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 30px;font-size: 16px;">查看话题</mt-button>
									<mt-button type="default" v-if="report.module == 20" @click="router.push({path: '/thread', query:{ topicId : report.extraParameterId,commentId:report.parameterId, reportModule:report.module}})" plain style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 30px;font-size: 16px;">查看评论</mt-button>
									<mt-button type="default" v-if="report.module == 30" @click="router.push({path: '/thread', query:{ topicId : report.extraParameterId.split('-')[0], commentId:report.extraParameterId.split('-')[1], replyId:report.parameterId, reportModule:report.module}})" plain style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 30px;font-size: 16px;">查看评论回复</mt-button>
									<mt-button type="default" v-if="report.module == 40" @click="router.push({path: '/question', query:{ questionId : report.parameterId, reportModule:report.module}})" plain style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 30px;font-size: 16px;">查看问题</mt-button>
									<mt-button type="default" v-if="report.module == 50" @click="router.push({path: '/question', query:{ questionId : report.extraParameterId,answerId:report.parameterId, reportModule:report.module}})" plain style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 30px;font-size: 16px;">查看答案</mt-button>
									<mt-button type="default" v-if="report.module == 60" @click="router.push({path: '/question', query:{ questionId : report.extraParameterId.split('-')[0], answerId:report.extraParameterId.split('-')[1], replyId:report.parameterId, reportModule:report.module}})" plain style="border: 1px solid #eee;color: #a9a9a9;border-radius: 6px;height: 30px;font-size: 16px;">查看答案回复</mt-button>	
						        </div>
					        </div>
					        <div class="imageInfo clearfix" v-if="report.imageInfoList.length >0" v-viewer="pictureOptions">
								<div class="image-box">
									<div class="image-box image-column">
										<!-- 本地存储 -->
										<div v-for="(imageInfo,index) in report.imageInfoList" v-if="$store.state.fileStorageSystem ==0" class="image" v-lazy:background-image="imageInfo.path+imageInfo.name" >
											<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
											<div class="ratio" ></div>
										</div>
										<!-- SeaweedFS存储 -->
										<div v-for="(imageInfo,index) in report.imageInfoList" v-if="$store.state.fileStorageSystem ==10" class="image" v-lazy:background-image="imageInfo.path+imageInfo.name+'?width=240'" >
											<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
											<div class="ratio" ></div>
										</div>
										<!-- MinIO存储 -->
										<div v-for="(imageInfo,index) in report.imageInfoList" v-if="$store.state.fileStorageSystem ==20" class="image" v-lazy:background-image="imageInfo.path+imageInfo.name+'?width=240'" >
											<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
											<div class="ratio" ></div>
										</div>
										<!-- 阿里云OSS存储 -->
										<div v-for="(imageInfo,index) in report.imageInfoList" v-if="$store.state.fileStorageSystem ==30" class="image" v-lazy:background-image="imageInfo.path+imageInfo.name+'?x-oss-process=image/resize,w_240'" >
											<img class="zoom" :src="$store.state.commonPath+'images/null.gif'" :key="index":data-src="imageInfo.path+imageInfo.name" >
											<div class="ratio" ></div>
										</div>
									</div>
								</div>
							</div>
							<div class="processResultInfo clearfix" v-if="report.processResult != null && report.processResult != ''">
					        	<div class="details"><span class="text">处理结果:</span><span class="val">{{report.processResult}}</span></div>
					        	
					        </div>
					        <div class="bottom-container clearfix">
					        	<div class="status" >
				                    <mt-badge size="small" type="primary" v-if="report.status ==10">待处理</mt-badge>
				                    <mt-badge size="small" color="#ff976a" v-if="report.status ==40">投拆失败</mt-badge>
				                    <mt-badge size="small" type="success" v-if="report.status ==50">投诉成功</mt-badge>
				                </div> 
				                <div class="processCompleteTime" >
				                	 {{report.processCompleteTime}}
				                </div>
                            </div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</template>

<!-- 公共模块 -->
<template id="bottomTab-template">
	<div>
		<!-- 底部选项卡 -->
		<mt-tabbar  v-model="bottomTab" @click.native="selected($event)" fixed style="height:46px;">
			<mt-tab-item id="index">
				<span class="cms-home" style="font-size: 20px;"></span>
		    	<div style="margin-top: 3px;">首页</div>
			</mt-tab-item>
			<mt-tab-item id="askList">
			    <span class="cms-question-answer-line" style="font-size: 20px;"></span>
			    <div style="margin-top: 3px;">问答</div>
			</mt-tab-item>
			<mt-tab-item id="find">
			    <span class="cms-compass-line" style="font-size: 20px;"></span> 
			    <div style="margin-top: 3px;">发现</div>
			</mt-tab-item>
			<mt-tab-item id="mine">
			    <span class="cms-user" style="font-size: 20px;"></span><span class="badge" style="position: absolute;" v-show="$store.state.allMessage_badge"></span>
			    <div style="margin-top: 3px;">我的</div>
			</mt-tab-item>
		</mt-tabbar>
		
		
		<!-- 发现 -->
		<mt-popup v-model="popup_find" position="bottom" style="width: 100%; height: 70%;" @touchmove.native.stop.prevent>
			<div class="findModule">
				<mt-cell title="搜索"  value="" to="/search" is-link v-on:click.native="closePopup">
					 <span slot="icon" class="icon cms-search" ></span> 
				</mt-cell>
				<mt-cell title="会员卡"  value="" to="/membershipCardList" is-link v-on:click.native="closePopup">
					 <span slot="icon" class="icon cms-membershipCard" ></span> 
				</mt-cell>
				<mt-cell title="帮助中心"  value="" to="/help" is-link v-on:click.native="closePopup">
					 <span slot="icon" class="icon cms-help-alt" ></span> 
				</mt-cell>
			</div>
		</mt-popup>
		
	</div>
</template>


 
</body>
<script src="${commonPath}js/polyfill.min.js" type="text/javascript"></script>
<script src="${commonPath}js/cryptoJS/core-min.js" type="text/javascript"></script>
<script src="${commonPath}js/cryptoJS/sha256-min.js" type="text/javascript"></script>
<script src="${commonPath}js/lodash.min.js" type="text/javascript"></script>
<link href="${commonPath}js/vue-select/vue-select.css" type="text/css" rel="stylesheet">
<script src="${commonPath}js/vue-select/vue-select.js" type="text/javascript"></script>
<script src="${commonPath}js/scrollTool.js" type="text/javascript"></script>
<script src="${commonPath}js/vue.min.js" type="text/javascript"></script>
<script src="${commonPath}js/vue-router.min.js" type="text/javascript"></script>
<script src="${commonPath}js/vuex.min.js" type="text/javascript"></script>
<link href="${baseURL}${commonPath}js/mint-ui/style.css" type="text/css" rel="stylesheet">
<script src="${commonPath}js/mint-ui/index.js" type="text/javascript"></script>

<link href="${baseURL}${commonPath}js/v-viewer/viewer.min.css" type="text/css" rel="stylesheet">
<script src="${commonPath}js/v-viewer/viewer.min.js?1" type="text/javascript"></script> 
<script src="${commonPath}js/v-viewer/v-viewer.min.js" type="text/javascript"></script> 

<link href="${baseURL}${commonPath}css/common.css?fdeaxsdd3e" type="text/css" rel="stylesheet">
<script src="${commonPath}js/better-scroll.min.js?2d" type="text/javascript"></script> 
<script src="${commonPath}js/DPlayer/hls.min.js" type="text/javascript"></script>
<script src="${commonPath}js/DPlayer/DPlayer.min.js" type="text/javascript"></script>

<script src="${commonPath}js/vue-cropper.js" type="text/javascript"></script>
 <script src="${commonPath}js/v-readmore.min.js" type="text/javascript"></script>
<script src="${commonPath}js/wangeditor/wangEditor.js?5ssdd" type="text/javascript"></script>
<script src="${commonPath}js/vue-lazyload.js" type="text/javascript"></script> 
<script src="${commonPath}js/v-tooltip/v-tooltip.min.js" type="text/javascript"></script> 
<link href="${commonPath}js/v-tooltip/v-tooltip.css" type="text/css" rel="stylesheet">

<link href="${baseURL}${commonPath}js/prism/default-block/prism.css" type="text/css" rel="stylesheet">
<script src="${commonPath}js/prism/default-block/prism.js" type="text/javascript"></script> 
<script src="${commonPath}js/prism/default-block/clipboard.min.js" type="text/javascript"></script> 

<script src="${commonPath}js/main.js?asdrswsd" type="text/javascript"></script>



 


<style>
	/* vue-select-2.2.0 CSS鼠标经过颜色 */
	.v-select .dropdown-menu > .highlight > a {
	    background: #26a2ff;
	    color: #fff;
	}
	.v-select{
		font-size: 15px;
		margin-bottom: 8px;
	}
	.v-select li {
		line-height: 30px;
	}
	
image[lazy=loading] {
  width: 40px;
  height: 300px;
  margin: auto;
}	

/* mint-ui开关 */
.my_mint-switch-core{ width: 40px;height: 20px}
.my_mint-switch-core::before {width:38px;height:18px;}
.my_mint-switch-core::after {width:18px;height:18px; }


/* 搜索框 */
.mint-searchbar{
	padding: 2px 2px;
}
/*搜索框默认使用 display: flex;布局安卓4.4以下版本浏览器不支持*/
.mint-searchbar-inner{
	display: -moz-box; /*Firefox*/
    display: -webkit-box; /*Safari,Opera,Chrome*/
    display: box;
    height: 20px;
}
.mint-searchbar-core{
	width:95%;
	display:block;     
}
.mint-searchbar-cancel{
	margin-right: 10px;
}
.mint-search {
    height: 100%;
    /* height: 100vh; */
    overflow: hidden;
}

/* 底部导航栏选中背景色 */
.mint-tabbar > .mint-tab-item.is-selected{
	background-color: transparent;
}


/* mint-ui顶部选项卡
.mint-navbar .mint-tab-item {
	padding: 17px 0 10px 0;
}
 */

/* mt-actionsheet */
.mint-actionsheet-listitem, .mint-actionsheet-button {
	padding-left:10px;
	padding-right:10px;
	overflow:hidden; /*超出的文本隐藏*/
	text-overflow:ellipsis; /*溢出用省略号显示*/
	white-space:nowrap; /*溢出不换行*/
}
 
 

.editor-toolbar {
	/**
    border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd;**/
    border-radius:3px 3px 0px 0px;
    background-color: #fff;height: 40px;line-height: 40px;font-size: 15px;
}
.editor-text {
    border: 1px solid #ddd;
    border-radius:0px 0px 3px 3px;
	display: table;
	width: 100%;
	height: 200px;
    font-size: 15px;
}
.editor-text img{
   max-width:100%;
    
}

/** wangEditor.js编辑器 **/
/*原来#999*/
.w-e-toolbar .w-e-menu i {
  color: #666;
}
.w-e-text {
/**
    padding: 0 10px;
    overflow-y: auto;
     overflow-y: hidden;
   **/
 /**  overflow-y: visible;
   display: table-cell; **/
   overflow-y: visible;
   display: table-cell;
}
.w-e-text-container{
    height: 320px !important;/*原div是行内样式设置的高度300px*/
}

/** vue-cropper 圆形截图框 **/
.vue-cropper .cropper-crop-box{
	border-radius: 100%;
}
.vue-cropper .cropper-view-box[data-v-170b9420]{
	border-radius: 100%;
	outline:1px solid transparent;
	border: 1px solid #39f;
	border-color: rgba(51,153,255,.75);
}
.vue-cropper .cropper-face[data-v-170b9420]{
	background-color:transparent;
} 
.vue-cropper .crop-info{
	border-radius:3px;
}





</style>



</html>