Browse Source

TFS界面调整

wangyujuan 8 years ago
parent
commit
7ca00ceeec

+ 3 - 12
display-server/src/main/webapp/biz/js/more/scene/TfsDemo.js

@ -1,7 +1,6 @@
1 1
require(["mobile","common","hammer","handlebars","wadeMobile","util"],function(Mobile,Common,Hammer,Handlebars,WadeMobile){	
2
	var iscroll = new iScroll("scroll");
3 2
	
4
	var maxNum = "5";//允许上传的最大数量
3
	var maxNum = "3";//允许上传的最大数量
5 4
	var localPicRelativePath = "picture/my2.png";//被查看的图片的本地路径
6 5
	
7 6
	initData();
@ -10,12 +9,6 @@ require(["mobile","common","hammer","handlebars","wadeMobile","util"],function(M
10 9
 		doQry();
11 10
	}
12 11
	
13
	// 重新计算固定滚动区域,并刷新滚动条
14
	function reCalcTopAndRefresh() {
15
		$(".scroll-wrap").css("top",$(".query-wrap").height());
16
		iscroll.refresh();
17
	}
18
	
19 12
	function doQry(){
20 13
		Mobile.loadingStart("正在获取,请稍等……","等待");
21 14
		Common.callSvc("UploadDownloadWithTfsBean.getPictureList",null,function(data){
@ -24,14 +17,13 @@ require(["mobile","common","hammer","handlebars","wadeMobile","util"],function(M
24 17
			var json = eval("(" + data+ ")");
25 18
			var html = Handlebars.compile($("#T_infoList").val())(json);
26 19
			$("#infoList").html($(html));
27
			reCalcTopAndRefresh();
28 20
			
29 21
			// 注册监听-查看
30
			$("#infoList li .content .main #download").tap(function(){
22
			$("#infoList li .content #download").tap(function(){
31 23
				downloadById($(this).data("id"));
32 24
			});
33 25
			// 注册监听-删除
34
			$("#infoList li .content .main #delete").tap(function(){
26
			$("#infoList li .content #delete").tap(function(){
35 27
				deleteById($(this).data("id"));
36 28
			});
37 29
		});	
@ -75,7 +67,6 @@ require(["mobile","common","hammer","handlebars","wadeMobile","util"],function(M
75 67
			WadeMobile.loadingStop();
76 68
			
77 69
			$("#downloadPicture").html("<img width='200' height='300' src='" + localPicTotalPath + "'/>");
78
			reCalcTopAndRefresh();
79 70
		}, function(error){
80 71
			alert("下载错误:"+error);
81 72
		});

+ 17 - 10
display-server/src/main/webapp/template/webapp/more/scene/TfsDemo.html

@ -7,6 +7,11 @@
7 7
<title>tfs举例</title> {%>template/common/Head.html%}
8 8
<script type="text/javascript" src="biz/js/more/scene/TfsDemo.js"></script>
9 9
<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
10
<style>
11
.link {
12
	color: #43a3df;
13
}
14
</style>
10 15
</head>
11 16
<body>
12 17
	<div class="c_navBar">
@ -19,14 +24,13 @@
19 24
			<button class="ui-toolbar-btn fn-right" id="add">新增</button>
20 25
		</div>
21 26
	</div>
27
	
28
	<div class="c_list">
29
		<ul id="infoList">
22 30

23
	<div class="scroll-wrap" id="scroll">
24
		<div class="c_list">
25
			<ul id="infoList">
26

27
			</ul>
28
		</div>
31
		</ul>
29 32
	</div>
33

30 34
	<span id="downloadPicture"></span>
31 35

32 36
<textarea class="fn-hide" id="T_infoList">
@ -34,10 +38,13 @@
34 38
{{#each infoList}}
35 39
<li>
36 40
	<div class="content">
37
		<div class="main">
38
			<div class="title">文件名称:{{fileName}}</div>
39
			<div class="title" id="download" data-id="{{id}}">查看</div>
40
			<div class="title" id="delete" data-id="{{id}}">删除</div>
41
		<div class="main">{{fileName}}</div>
42
		<div class="side">
43
			<div class="link" id="download" data-id="{{id}}">查看</div>
44
		</div>
45
		
46
		<div class="side">
47
			<div class="link" id="delete" data-id="{{id}}">删除</div>
41 48
		</div>
42 49
	</div>
43 50
</li>