浏览代码

TFS界面调整

wangyujuan 8 年之前
父节点
当前提交
7ca00ceeec

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

1
require(["mobile","common","hammer","handlebars","wadeMobile","util"],function(Mobile,Common,Hammer,Handlebars,WadeMobile){	
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
	var localPicRelativePath = "picture/my2.png";//被查看的图片的本地路径
4
	var localPicRelativePath = "picture/my2.png";//被查看的图片的本地路径
6
	
5
	
7
	initData();
6
	initData();
10
 		doQry();
9
 		doQry();
11
	}
10
	}
12
	
11
	
13
	// 重新计算固定滚动区域,并刷新滚动条
14
	function reCalcTopAndRefresh() {
15
		$(".scroll-wrap").css("top",$(".query-wrap").height());
16
		iscroll.refresh();
17
	}
18
	
19
	function doQry(){
12
	function doQry(){
20
		Mobile.loadingStart("正在获取,请稍等……","等待");
13
		Mobile.loadingStart("正在获取,请稍等……","等待");
21
		Common.callSvc("UploadDownloadWithTfsBean.getPictureList",null,function(data){
14
		Common.callSvc("UploadDownloadWithTfsBean.getPictureList",null,function(data){
24
			var json = eval("(" + data+ ")");
17
			var json = eval("(" + data+ ")");
25
			var html = Handlebars.compile($("#T_infoList").val())(json);
18
			var html = Handlebars.compile($("#T_infoList").val())(json);
26
			$("#infoList").html($(html));
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
				downloadById($(this).data("id"));
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
				deleteById($(this).data("id"));
27
				deleteById($(this).data("id"));
36
			});
28
			});
37
		});	
29
		});	
75
			WadeMobile.loadingStop();
67
			WadeMobile.loadingStop();
76
			
68
			
77
			$("#downloadPicture").html("<img width='200' height='300' src='" + localPicTotalPath + "'/>");
69
			$("#downloadPicture").html("<img width='200' height='300' src='" + localPicTotalPath + "'/>");
78
			reCalcTopAndRefresh();
79
		}, function(error){
70
		}, function(error){
80
			alert("下载错误:"+error);
71
			alert("下载错误:"+error);
81
		});
72
		});

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

7
<title>tfs举例</title> {%>template/common/Head.html%}
7
<title>tfs举例</title> {%>template/common/Head.html%}
8
<script type="text/javascript" src="biz/js/more/scene/TfsDemo.js"></script>
8
<script type="text/javascript" src="biz/js/more/scene/TfsDemo.js"></script>
9
<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
9
<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
10
<style>
11
.link {
12
	color: #43a3df;
13
}
14
</style>
10
</head>
15
</head>
11
<body>
16
<body>
12
	<div class="c_navBar">
17
	<div class="c_navBar">
19
			<button class="ui-toolbar-btn fn-right" id="add">新增</button>
24
			<button class="ui-toolbar-btn fn-right" id="add">新增</button>
20
		</div>
25
		</div>
21
	</div>
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
	</div>
32
	</div>
33

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

35

32
<textarea class="fn-hide" id="T_infoList">
36
<textarea class="fn-hide" id="T_infoList">
34
{{#each infoList}}
38
{{#each infoList}}
35
<li>
39
<li>
36
	<div class="content">
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
		</div>
48
		</div>
42
	</div>
49
	</div>
43
</li>
50
</li>