Browse Source

自助服务模块页面

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@1299 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d
luoq 10 years ago
parent
commit
1532b3551a

+ 70 - 0
src/main/webapp/resources/tpl/serve/question/class.html

@@ -0,0 +1,70 @@
+<!-- 分类问题显示页面 -->
+
+<style>
+	table{
+		margin-top: -15px;
+		width:100%;
+		margin-bottom: 20px;
+	}
+	tbody > tr{
+		height:40px;
+		font-size: 14px;
+		border-bottom: 1px solid #EEEED1;
+	}
+	tbody > tr:last-child{
+		height:40px;
+		font-size: 14px;
+	}
+	.search{
+		border-collapse: separate;
+    	display: table;
+    	position: relative;
+    	margin:-8px 10px;
+    	width:400px;
+	}
+</style>
+
+<div class="loading" ng-class="{'in': loading}">
+	<i></i>
+</div>
+
+
+<div class="row f14">
+	<div class="col-xs-12">
+		<div class="headerline">
+			<div class="content">
+				<span ng-show="classId == 0">其他问题</span>
+				<span ng-show="classId == 1">账户问题</span>
+				<span ng-show="classId == 2">采购单问题</span>
+				<span ng-show="classId == 3">销售单问题</span>
+				<span ng-show="classId == 4">验收单问题</span>
+				<span ng-show="classId == 5">退货单问题</span>
+			</div>
+			<div class="end">
+				<form name="searchForm">
+					<div class="search">
+	      				<input type="text" class="form-control" ng-model="question" required placeholder="输入您的问题...">
+	      				<span class="input-group-btn">
+	        				<a ui-sref="question.search({question: question})" ng-disabled="searchForm.$invalid" class="btn btn-default" type="button"><i class="fa fa-search"></i>&nbsp;搜索</a>
+	      				</span>
+	    			</div>
+    			</form>
+			</div>
+		</div>
+		<div style="min-height: 463px;">
+			<table class="queTable" ng-table="tableParams">
+				<tbody>
+					<tr ng-repeat="question in $data">
+					<td>
+						<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+						▪&nbsp;&nbsp;
+						<a class="text-light ng-binding" style="color:#2a6496; " target="_blank" ng-bind="::question.title" ui-sref="question.solution({id:question.id})">
+						</a>
+					</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+</div>
+	

+ 60 - 0
src/main/webapp/resources/tpl/serve/question/common.html

@@ -0,0 +1,60 @@
+<!-- 常见问题页面 -->
+<style>
+	table{
+		margin-top: -15px;
+		width:100%;
+		margin-bottom: 20px;
+	}
+	tbody > tr{
+		height:40px;
+		font-size: 14px;
+		border-bottom: 1px solid #EEEED1;
+	}
+	tbody > tr:last-child{
+		height:40px;
+		font-size: 14px;
+	}
+	.search{
+		border-collapse: separate;
+    	display: table;
+    	position: relative;
+    	margin:-8px 10px;
+    	width:400px;
+	}
+</style>
+<div class="loading in" ng-class="{'in': loading}">
+	<i></i>
+</div>
+
+<div class="row f14">
+	<div class="col-xs-12">
+		<div class="headerline">
+			<div class="content">常见问题</div>
+			<div class="end">
+				<form name="searchForm">
+					<div class="search">
+	      				<input type="text" class="form-control" ng-search="onSearch(question)" ng-model="question" required placeholder="输入您的问题...">
+	      				<span class="input-group-btn" ng-click="onSearch(question)">
+	        				<a class="btn btn-default" type="button"><i class="fa fa-search"></i>&nbsp;搜索</a>
+	      				</span>
+	    			</div>
+    			</form>
+			</div>
+		</div>
+		
+		<div style="min-height: 463px;">
+			<table class="queTable" ng-table="tableParams">
+				<tbody>
+					<tr ng-repeat="question in $data">
+					<td>
+						<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+						▪&nbsp;&nbsp;
+						<a class="text-light ng-binding" style="color:#2a6496; " target="_blank" ng-bind="::question.title" ui-sref="question.solution({id:question.id})">
+						</a>
+					</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+</div>

+ 75 - 0
src/main/webapp/resources/tpl/serve/question/search_result.html

@@ -0,0 +1,75 @@
+<!-- 搜索结果页面 -->
+<style>
+	.result{
+		margin-top: -15px;
+		width:100%;
+	}
+	.result > li{
+		height:40px;
+		line-height:40px;
+		font-size: 14px;
+		border-bottom: 1px solid #EEEED1;
+	}
+	.tips{
+		width: 880px;
+		height:450px;
+		background-image:url('static/img/self/search/no_result.png');
+	}
+	.option{
+		position:relative;
+		left:300px;
+		top:330px;
+		font-size:30px;
+	}
+</style>
+<div class="loading" ng-class="{'in': loading}">
+	<i></i>
+</div>
+
+<div class="row f14">
+	<div class="col-xs-12">
+		<div class="headerline">
+			<div class="content">
+			搜索结果&nbsp;&nbsp;&nbsp;&nbsp;
+			<span style="font-size: 15px;" ng-hide="noResult">共搜索到{{totalQuestion}}条相关问题</span>
+			</div>
+		</div>
+		<div style="min-height: 460px;" ng-hide="noResult">
+					<ul class="result">
+						<li ng-repeat="question in questions"> 
+							<a class="text-light ng-binding" style="color:#2a6496; " target="_blank" ng-bind="::question.title" ui-sref="question.solution({id:question.id})">
+						</a>
+						</li>
+					</ul>
+					
+					<!-- 分页条 start -->
+					<nav style="margin-top:20px; margin-left: 23px;" ng-show="pageInfo.totalPage > 1">
+		                <ul class="pagination">
+		
+		                    <li><a aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
+		
+		                    <li ng-repeat="i in pageInfo.pageIndex">
+		                        <a ng-click="splitPage(i)">{{i}}</a>
+		                    </li>
+		
+		                    <li><a aria-label="Previous"><span aria-hidden="true">&raquo;</span></a></li>
+		                </ul>
+            		</nav>
+            		<!-- 分页条 end -->
+		</div>
+		
+		<!-- 未搜索到结果 -->
+		<div style="min-height: 450px;" ng-show="noResult" class="tips">
+			<div>
+				<table class="option">
+					<tr>
+						<td><i class="fa fa-home"></i>&nbsp;<a href="/platform-b2b" target="_self">返回主页</a></td>
+						<td width="100px"></td>
+						<td width="100px"></td>
+						<td><i class="fa fa-search"></i>&nbsp;<a href="./serve#/question/common" target="_self">继续搜索</a></td>
+					</tr>
+				</table>
+			</div>
+		</div>
+	</div>
+</div>

+ 41 - 0
src/main/webapp/resources/tpl/serve/question/solution.html

@@ -0,0 +1,41 @@
+<!-- 问题具体解决方案页面 -->
+
+	<style>
+.title{
+	font-size:18px;
+	padding-top:10px;
+	padding-bottom: 10px;
+	border-bottom: 1px solid #e8e8e8;
+}
+.solution{
+	margin-top:5px;
+	margin-left:20px;
+	margin-right:20px;
+	text-align:justify; 
+	text-justify:distribute-all-lines;
+	font-size:16px;
+	line-height:2.0;
+}
+
+</style>
+
+<div class="loading" ng-class="{'in': loading}">
+	<i></i>
+</div>
+
+
+<div class="row f14">
+	<div class="col-xs-12">
+		<div style="min-height: 500px;">
+			<div align="center" class="title">
+				<span>{{question.title}}</span>
+			</div>
+			
+			<div class="solution">
+				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+				<span class="detail" ng-bind="question.solution"></span>
+			</div>
+		</div>
+	</div>
+</div>
+