add-code nl-105 ol-105"> 105 
        nowPage = 0; // 底部加载时，停用底部加载功能和底部加载
106 
        myRefresh.enableBottom(false);
107 
        if (myRefresh.bottomLoading) {
108 
            myRefresh.endBottomLoading();
109 
        }
110 
        addData(true);
111 
    }
112
113 
    // 新增
114 
    $("#add").click(function(){
115 
        Common.openPage("SceneBean_DemoAdd");
116 
    });
117
118
119 
});

+ 35 - 0
show-server/src/main/webapp/biz/js/more/scene/demo/demoDetail.js
Wyświetl plik 

@ -0,0 +1,35 @@
1 
require(["mobile","common","Hammer","handlebars","util"],function(Mobile,Common,Hammer,Handlebars){
2 
    var LV1Picker = ipuUI.popPicker({
3 
        layer : 1
4 
    });
5 
    LV1Picker.setData([{text:'集团客户',value:0},{text:'个人客户',value: 1}]);
6 
    $("input[name='province']").click(function() {
7 
        var self = $(this);
8 
        LV1Picker.show(function(data) {
9 
            self.val(data.text);
10 
            // $(".result-value").val(JSON.stringify(data));
11 
        });
12 
    });
13
14 
    $("#save,.save-btn").click(function() {
15 
        var param = new Wade.DataMap();
16 
        Mobile.loadingStart("正在保存,请稍等……","等待");
17 
        Common.callSvc("Demo.save",param,function(data){
18 
            Mobile.loadingStop();
19
20 
            Mobile.tip("新增成功");
21 
            Common.openPage("SceneBean_Demo");
22 
        });
23 
    });
24
25 
    $("#edit,.edit-btn").click(function(){
26 
        var jsonData = $("#jsonData").data("json");
27 
        console.log(jsonData)
28 
        Common.openPage("SceneBean_DemoAdd");
29 
    });
30
31 
    // 返回
32 
    $(".back-btn").click(function(){
33 
        Mobile.back();
34 
    });
35 
});

+ 29 - 0
show-server/src/main/webapp/biz/js/more/scene/demo/demoadd.js
Wyświetl plik 

@ -0,0 +1,29 @@
1 
require(["mobile","common","Hammer","handlebars","util"],function(Mobile,Common,Hammer,Handlebars){
2 
    var LV1Picker = ipuUI.popPicker({
3 
        layer : 1
4 
    });
5 
    LV1Picker.setData([{text:'集团客户',value:0},{text:'个人客户',value: 1}]);
6 
    $("input[name='province']").click(function() {
7 
        var self = $(this);
8 
        LV1Picker.show(function(data) {
9 
            self.val(data.text);
10 
            // $(".result-value").val(JSON.stringify(data));
11 
        });
12 
    });
13
14 
    $("#save,.save-btn").click(function() {
15 
        var param = new Wade.DataMap();
16 
        Mobile.loadingStart("正在保存,请稍等……","等待");
17 
        Common.callSvc("Demo.save",param,function(data){
18 
            Mobile.loadingStop();
19
20 
            Mobile.tip("新增成功");
21 
            Common.openPage("SceneBean_Demo");
22 
        });
23 
    });
24
25 
    // 返回
26 
    $(".back-btn").click(function(){
27 
        Mobile.back();
28 
    });
29 
});

+ 11 - 0
show-server/src/main/webapp/biz/js/more/scene/pageRefresh.js
Wyświetl plik 

@ -0,0 +1,11 @@
1 
require(["mobile","util"], function(Mobile) {
2
3 
    $("#tbody tr").click(function() {
4 
        var param = new Wade.DataMap();
5 
        param.put("id", $(this).data("id"));
6 
        Mobile.getPage("PageRefresh.PersonDetailTemplateMore", param.toString(), function(html){
7 
            $("#content2").html(html);
8 
            new iScroll("content2");
9 
        });
10 
    });
11 
});

+ 13 - 0
show-server/src/main/webapp/biz/js/more/scene/scenedemo.js
Wyświetl plik 

@ -0,0 +1,13 @@
1 
require(["ipuMobile", "jquery", "iScroll","mobile"],function (IpuMobile, $, iScroll,Mobile) {
2 
    $("#scene-menu > li").each(function(index, item) {
3 
        if (item.getAttribute("action") != "null") {
4 
            $(item).click(function() {
5 
                Mobile.openPage(item.getAttribute("action"));
6 
            });
7 
        } else {
8 
            item.onclick = function() {
9 
                alert("敬请期待……");
10 
            };
11 
        }
12 
    });
13 
});

+ 13 - 0
show-server/src/main/webapp/biz/js/more/scene/templateRefresh.js
Wyświetl plik 

@ -0,0 +1,13 @@
1 
require(["mobile","util"], function(Mobile) {
2 
    $("#tbody tr").click(function() {
3 
        console.log($(this).data("id"));
4 
        param = new Wade.DataMap();
5 
        param.put("name", $(this).children().eq(0).text());
6 
        param.put("age",  $(this).children().eq(1).text());
7 
        param.put("gender",  $(this).children().eq(2).text());
8 
        Mobile.getTemplate("TemplateRefresh.PersonDetailTemplate", param.toString(), function(html){
9 
            $("#content2").html(html);
10 
            new iScroll("content2");
11 
        });
12 
    });
13 
});

+ 10 - 0
show-server/src/main/webapp/biz/js/plugins/asr.js
Wyświetl plik 

@ -0,0 +1,10 @@
1 
require([ "ipuMobile", "jquery"], function(IpuMobile, $) {
2 
	$(function(){
3 
		$("#start").click(function(){
4 
			IpuMobile.voiceInput(function(result){
5 
				var data = JSON.parse(result);
6 
				$("#search").val(data.result);
7 
			});
8 
		});
9 
	});
10 
});

+ 0 - 4
show-server/src/main/webapp/biz/js/plugins/file/file.js
Wyświetl plik 

@ -63,8 +63,6 @@ require(["ipuUI","ipuMobile","Hammer","handlebars","mobile","jcl","jquery"],func
63 63 
			// 长按删除
64 64 
			file.on("press", function (ev) {
65 65 
				if (confirm("确认要删除？")) {
66 
					var fileName = $(ev.target).parents("li").data("filename");
67 
					var isSdcard = $(ev.target).parents("li").data("issdcard");
68 66 
					IpuMobile.deleteFile(fileName,"file",isSdcard);
69 67 
					$(ev.target).parents("li")[0].remove();
70 68 
					IpuMobile.tip("删除成功！");
 
@ -72,8 +70,6 @@ require(["ipuUI","ipuMobile","Hammer","handlebars","mobile","jcl","jquery"],func
72 70 
			});
73 71 
	 		// 单击显示详情
74 72 
			file.on("tap", function (ev) {
75 
	 			var fileName = $(ev.target).parents("li").data("filename");
76 
				var isSdcard = $(ev.target).parents("li").data("issdcard");
77 73 
				var values = new Wade.DataMap();
78 74 
				values.put("isSdcard", isSdcard);
79 75 
				values.put("fileName", fileName);

+ 34 - 6
show-server/src/main/webapp/biz/js/plugins/photo.js
Wyświetl plik 

@ -8,25 +8,31 @@ require([ "ipuMobile", "jcl", "iScroll", "jquery", "ipuUI"], function(IpuMobile,
8 8
9 9 
		// 调用手机的照相功能，返回相片的路径或相片的Base64编码
10 10 
		$("#tack_a_picture").click(function() {
11
12 
			// 默认1；1：返回相片的路径，0：返回相片的Base64编码
11 
			// IpuMobile.getPhoto(callback,type,fileSize,minWidth)
12 
			// type: 默认1；1：返回相片的路径，0：返回相片的Base64编码
13 
			// fileSize: 默认400 * 1024, 压缩图片的最小文件大小
14 
			// minWidth: 默认300，压缩图片的最小宽度
13 15 
			IpuMobile.getPhoto(function(path) {
14 16 
				$("#path").html("路径：" + path);
15 17 
				$("#pic").html("<img src='" + path + "'/>");
16 18 
				setTimeout(function(){
17 19 
					iscroll.refresh();
18 20 
				}, 1000);
19 
			});
21 
			},1, 400*1024, 300);
20 22 
		});
21 23
22 24 
		// 调用手机自带的图库类应用，选择一张相片后返回路径或Base64编码
23 25 
		$("#search").click(function() {
26 
			// IpuMobile.getPicture(callback,type,fileSize,minWidth)
27 
			// type: 默认1；1：返回相片的路径，0：返回相片的Base64编码
28 
			// fileSize: 默认400 * 1024, 压缩图片的最小文件大小
29 
			// minWidth: 默认300，压缩图片的最小宽度
24 30 
			IpuMobile.getPicture(function(path) {
25 
				$("#pic2").html("<img src='" + path + "'/>");
31 
				$("#pic2").html("<img src='data:image/jpeg;base64," + path + "'/>");
26 32 
				setTimeout(function(){
27 33 
					iscroll.refresh();
28 34 
				}, 1000);
29 
			});
35 
			},0, 400*1024, 300);
30 36 
		});
31 37
32 38 
		$("#get_pic").click(function() {
 
@ -114,6 +120,28 @@ require([ "ipuMobile", "jcl", "iScroll", "jquery", "ipuUI"], function(IpuMobile,
114 120 
				alert('请先选择图片');
115 121 
			}
116 122 
		});
117 
	});
123
124 
    $("#take_qrcode_picture").click(function () {
125
126 
      var params = {
127 
        "base64": "0",
128 
        "length": 400 * 1024,
129 
        "width": 300
130 
      };
131 
      IpuMobile.getQrCodePhotoViaCamera(function (results) {
132 
        var data = JSON.parse(results);
133 
        var img = data.result;
134 
        var codesList = data.qrcodes;
135 
        $("#qrcode_pic").html("路径：" + img);
136 
        $("#qrcode_path").html("<img src='" + img + "'/>");
137 
        $("#qrcode_label").html("识别结果：" + codesList[0]);
138 
        setTimeout(function () {
139 
          iscroll.refresh();
140 
        }, 1000);
141 
      }, JSON.stringify(params), function (error) {
142 
        alert(error);
143 
      });
144 
    });
145 
  });
118 146
119 147 
});

+ 42 - 11
show-server/src/main/webapp/biz/js/plugins/safe/gestureLock.js
Wyświetl plik 

@ -8,13 +8,9 @@ require([ "ipuMobile", "mobile", "jcl","ipuUI"], function(IpuMobile, Mobile, $)
8 8 
		$("#set_gesture").click(function() {
9 9 
			IpuMobile.isSetGestureLock(function(msg){
10 10 
				if(msg==1){//已经设置过手势锁密码：修改
11 
					IpuMobile.updateGestureLock(function(msg){
12 
						ipuUI.toast(msg);
13 
					});
11 
					IpuMobile.updateGestureLock();
14 12 
				}else{
15 
					IpuMobile.setGestureLock(function(msg2){
16 
						ipuUI.toast(msg2);
17 
					});
13 
					IpuMobile.setGestureLock();
18 14 
				}
19 15 
			});
20 16 
			
@ -25,13 +21,25 @@ require([ "ipuMobile", "mobile", "jcl","ipuUI"], function(IpuMobile, Mobile, $)
25 21 
		});
26 22
27 23 
		/*
28 
		 * validateGestureLock(callback)验证手势锁密码
24 
		 * validateGestureLock(callback,imgUrl,userTip)验证手势锁密码
25 
		 * userTip:用户名称及欢迎语
26 
		 * imgUrl:图片路径
29 27 
		 * */
30 28 
		$("#validate_gesture").click(function() {
29 
			var userTip = "张晓明  下午好";
30 
			var imgUrl = "http://cafe.smallpay.com/xd/media/goods/m_1003/g_940/20151112202854_844.png";
31 31 
			IpuMobile.validateGestureLock(function(msg){
32 
				ipuUI.toast(msg);
33 
			});
34 
		});
32 
				if(msg==-1){
33 
					ipuUI.toast("忘记手势锁密码，请使用账号密码登录！！！");
34 
				}else if(msg==0){
35 
					ipuUI.toast("手势锁密码校验失败");
36 
				}else if(msg==1){
37 
					ipuUI.toast("手势锁密码校验成功");
38 
				}else{
39 
					ipuUI.toast(msg);
40 
				}
41 
			},userTip,imgUrl);
42 
		},);
35 43
36 44
37 45 
		/*
 
@ -39,10 +47,33 @@ require([ "ipuMobile", "mobile", "jcl","ipuUI"], function(IpuMobile, Mobile, $)
39 47 
		 * */
40 48 
		$("#del_gesture").click(function() {
41 49 
			IpuMobile.delGestureLock(function(msg){
42 
				ipuUI.toast(msg);
50 
				if(msg==1){//已经设置过手势锁密码：修改
51 
					ipuUI.toast("手势锁密码删除成功");
52 
				}
43 53 
			});
44 54
45 55 
		});
56
57 
		/*
58 
		 * styleGestureLock(bgColor,lockColors,textColors)设置原生手势锁样式
59 
		 * bgColor：背景颜色
60 
		 * lockColors：手势常规颜色、手势选中颜色、手势错误颜色
61 
		 * textColors：常规文字提示颜色、错误文字提示颜色、高亮文字提示颜色
62 
		 * */
63 
		$("#style_gesture1").click(function() {
64 
			var bgColor = "#231120";
65 
			var lockColors = ["#ffffff","#72ff44","#eb58f7"];
66 
			var textColors = ["#ffffff","#eb58f7","#72ff44"];
67 
			IpuMobile.styleGestureLock(bgColor,lockColors,textColors);
68 
		});
69
70 
		/*
71 
		 * styleGestureLock(colors)还原原生手势锁样式
72 
		 * */
73 
		$("#style_gesture0").click(function() {
74 
			IpuMobile.styleGestureLock();
75 
		});
76
46 77
47 78 
	});
48 79

+ 17 - 0
show-server/src/main/webapp/biz/js/plugins/sysLocation.js
Wyświetl plik 

@ -0,0 +1,17 @@
1 
require([ "ipuMobile", "mobile", "jcl"], function(IpuMobile, Mobile, $) {
2 
	$(function() {
3 
		var param = $.DataMap();
4
5 
		/*
6 
		* sysLocation(callback)系统定位插件
7 
		* 完成后callback返回定位信息。
8 
		*/
9 
		$("#sys_location").click(function() {
10 
			IpuMobile.sysLocation(function(info){
11 
				$("#syslocation_info").html("定位信息：" + info);
12 
			},5);
13 
		});
14
15 
	});
16
17 
});

+ 28 - 7
show-server/src/main/webapp/ipu/frame/mobile/expand-mobile.js
Wyświetl plik 

@ -37,12 +37,20 @@ define(["require","jcl"],function(require,Wade) {
37 37 
				}
38 38 
				storageCallback("getContactsView",callback);
39 39 
				execute("getContactsView", [data.toString(),setting.toString()],err);
40 
			},getPhoto:function(callback,type,err){//获取照片
40 
			},getPhoto:function(callback,type,fileSize,minWidth,err){//获取照片
41 41 
				if(type==undefined){
42 42 
					type = 1;//0-Base64编码的字符串 1- 文件路径
43 43 
				}
44 44 
				storageCallback("getPhoto",callback);
45 
				execute("getPhoto", [type],err);
45 
				execute("getPhoto", [type,fileSize,minWidth],err);
46 
			},
47 
			getQrCodePhotoViaCamera: function (callback, param, err) {
48 
				storageCallback("getQrCodePhotoViaCamera", callback);
49 
				execute("getQrCodePhotoViaCamera", [param], err);
50 
			},
51 
			getQrCodePhotoViaLibrary: function (callback, param, err) {
52 
				storageCallback("getQrCodePhotoViaLibrary", callback);
53 
				execute("getQrCodePhotoViaLibrary", [param], err);
46 54 
			},
47 55 
			getIdentifyPhoto:function(callback,frameType,resultType,err){//获取照片
48 56 
				storageCallback("getIdentifyPhoto",callback);
 
@ -52,12 +60,12 @@ define(["require","jcl"],function(require,Wade) {
52 60 
				storageCallback("getIdentifyPhotoWithOrientation",callback);
53 61 
				execute("getIdentifyPhotoWithOrientation", [frameType,resultType,orientationType],err);
54 62 
			},
55 
			getPicture:function(callback,type,err){//获取照片
63 
			getPicture:function(callback,type,fileSize,minWidth,err){//获取照片
56 64 
				if(type==undefined){
57 65 
					type = 1;//0-Base64编码的字符串 1- 文件路径
58 66 
				}
59 67 
				storageCallback("getPicture",callback);
60 
				execute("getPicture", [type],err);
68 
				execute("getPicture", [type,fileSize,minWidth],err);
61 69 
			},getVideoPath:function(callback){//获取视频
62 70 
				storageCallback("getVideoPath", callback);
63 71 
				execute("getVideoPath",[]);
 
@ -423,9 +431,9 @@ define(["require","jcl"],function(require,Wade) {
423 431 
				execute("setGestureLock",[]);
424 432 
			},
425 433 
			//验证手势锁密码
426 
			validateGestureLock:function(callback){
434 
			validateGestureLock:function(callback,userTip,imgUrl){
427 435 
				storageCallback("validateGestureLock",callback);
428 
				execute("validateGestureLock",[]);
436 
				execute("validateGestureLock",[userTip,imgUrl]);
429 437 
			},
430 438 
			//修改手势锁密码
431 439 
			updateGestureLock:function(callback){
 
@ -442,7 +450,16 @@ define(["require","jcl"],function(require,Wade) {
442 450 
				storageCallback("isSetGestureLock",callback);
443 451 
				execute("isSetGestureLock",[]);
444 452 
			},
445
453 
			//重置原生手势锁样式
454 
			styleGestureLock:function(bgColor,lockColors,textColor){
455 
				execute("styleGestureLock",[bgColor,lockColors,textColor]);
456 
			},
457 
			//系统定位
458 
			sysLocation:function(callback){
459 
				storageCallback("sysLocation",callback);
460 
				execute("sysLocation",[]);
461 
			},
462
446 463 
			poiCitySearch:function(city,keyword,err){
447 464 
				execute("poiCitySearch",[city,keyword],err);
448 465 
			},poiNearbySearch:function(latlon,radius,keyword,err){
 
@ -577,6 +594,10 @@ define(["require","jcl"],function(require,Wade) {
577 594 
			}, detectApps:function(pkgs,callback){
578 595 
				storageCallback("detectApps",callback);
579 596 
				execute("detectApps",[pkgs]);
597 
			},  voiceInput: function(callback, iconPath, iconPathPressed) {
598 
				storageCallback("voiceInput",callback);
599 
				execute("voiceInput",[iconPath, iconPathPressed]);
600 
			}
580 601 
			},getFloCardInfoBD:function (callback,type,picInfo,needMark,token,acc_type) {
581 602 
				storageCallback("getFloCardInfoBD",callback);
582 603 
				execute("getFloCardInfoBD",[type,picInfo,needMark,token,acc_type])

+ 4 - 0
show-server/src/main/webapp/template/webapp/more/index-list.html
Wyświetl plik 

@ -44,6 +44,10 @@
44 44 
			<div class="ipu-icon mdi mdi-comment-plus-outline"></div>
45 45 
			<p>应用配置</p>
46 46 
		</li>
47 
		<li data-action="scenedemo">
48 
			<div class="ipu-icon mdi mdi-comment-plus-outline"></div>
49 
			<p>场景演示</p>
50 
		</li>
47 51 
	</ul>
48 52
49 53 
</div>

+ 81 - 0
show-server/src/main/webapp/template/webapp/more/scene/Cache.html
Wyświetl plik 

@ -0,0 +1,81 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>缓存</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/Cache.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            text-align: right;
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">缓存</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div>
52 
            <div class="title">缓存分类</div>
53 
            <div class="content">
54 
                <div class="ipu-list ipu-list-media">
55 
                    <ul id="scene-menu">
56 
                        <li class="ipu-list-item ipu-list-item-link" id="MemoryCache">
57 
                            <div class="ipu-list-item-inner">
58 
                                <div class="ipu-list-item-title-row">
59 
                                    <div class="ipu-list-item-title">临时缓存</div>
60 
                                    <div class="ipu-list-item-after">样例展示</div>
61 
                                </div>
62 
                                <div class="ipu-list-item-text">退出应用失效</div>
63 
                            </div>
64 
                        </li>
65 
                        <li class="ipu-list-item ipu-list-item-link" id="OfflineCache">
66 
                            <div class="ipu-list-item-inner">
67 
                                <div class="ipu-list-item-title-row">
68 
                                    <div class="ipu-list-item-title">本地缓存</div>
69 
                                    <div class="ipu-list-item-after">样例展示</div>
70 
                                </div>
71 
                                <div class="ipu-list-item-text">退出应用不会失效，卸载应用失效</div>
72 
                            </div>
73 
                        </li>
74 
                    </ul>
75 
                </div>
76 
            </div>
77 
        </div>
78 
    </div>
79 
</div>
80 
</body>
81 
</html>

+ 84 - 0
show-server/src/main/webapp/template/webapp/more/scene/DataRequest.html
Wyświetl plik 

@ -0,0 +1,84 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>数据请求</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/DataRequest.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">数据请求</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div id="mainTestCharacterContent">
52 
            <div>
53 
                <div class="content">
54 
                    <div class="ipu-flex">
55 
                        <div>输入人名:</div>
56 
                        <div><input value="{%TemplateRedirectData%}" type="text" id="J_username" name="J_username" title="姓名" type="text" maxlength="30"/></div>
57 
                    </div>
58 
                </div>
59 
            </div>
60 
            <div class="ipu-flex ipu-flex-justify-space button-container">
61 
                <button class="ipu-btn save-btn" id="testCharacter" onclick="javascript:return false;">开始计算</button>
62 
            </div>
63 
        </div>
64 
        <div  id="retTestCharacterContent" class="ipu-fn-hide">
65 
            <div>
66 
                <div class="content">
67 
                    <div class="ipu-flex">
68 
                        <div>您的大名:</div>
69 
                        <div id="retName"></div>
70 
                    </div>
71 
                    <div class="ipu-flex">
72 
                        <div>评价：</div>
73 
                        <div id="retMsg"></div>
74 
                    </div>
75 
                </div>
76 
            </div>
77 
            <div class="ipu-flex ipu-flex-justify-space button-container">
78 
                <button class="ipu-btn save-btn" id="testCharacterAgain" onclick="javascript:return false;">再测一次</button>
79 
            </div>
80 
        </div>
81 
    </div>
82 
</div>
83 
</body>
84 
</html>

+ 80 - 0
show-server/src/main/webapp/template/webapp/more/scene/Login.html
Wyświetl plik 

@ -0,0 +1,80 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>登陆</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/Login.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">登陆</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div id="loginForm">
52 
            <div>
53 
                <div class="content">
54 
                    <div class="ipu-flex">
55 
                        <div>用户名:</div>
56 
                        <div><input id="username" type="text" maxlength="30"/></div>
57 
                    </div>
58 
                    <div class="ipu-flex">
59 
                        <div>密码:</div>
60 
                        <div><input id="password" type="password"/></div>
61 
                    </div>
62 
                    <div class="ipu-flex">
63 
                        <div>验证码:</div>
64 
                        <div><input id="verify" type="text" maxlength="30"/></div>
65 
                        <img src="" id="verifyImg" class="verifyImg">
66 
                    </div>
67 
                </div>
68 
            </div>
69 
            <div class="ipu-flex ipu-flex-justify-space button-container">
70 
            <button class="ipu-btn save-btn" id="sceneLoginBtn">登录</button>
71 
        </div>
72 
        </div>
73 
        <div  id="loginResult" class="ipu-fn-hide" style="text-align: center;">
74 
            <img src="biz/img/scene/login_success.png"/><br><br>
75 
            <span id="retMsg"></span>
76 
        </div>
77 
    </div>
78 
</div>
79 
</body>
80 
</html>

+ 96 - 0
show-server/src/main/webapp/template/webapp/more/scene/MemoryCache.html
Wyświetl plik 

@ -0,0 +1,96 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>登陆</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/MemoryCache.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">临时缓存</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div id="loginForm">
52 
            <div>
53 
                <div class="content">
54 
                    <div class="ipu-flex">
55 
                        <div>用户名:</div>
56 
                        <div><input id="username" type="text" maxlength="30"/></div>
57 
                    </div>
58 
                    <div class="ipu-flex">
59 
                        <div>性别:</div>
60 
                        <div><input id="sex" type="text"/></div>
61 
                    </div>
62 
                    <div class="ipu-flex">
63 
                        <div>年龄:</div>
64 
                        <div><input  id="age"  type="text"/></div>
65 
                    </div>
66 
                    <div class="ipu-flex">
67 
                        <div>部门:</div>
68 
                        <div><input id="dept"  type="text"/></div>
69 
                    </div>
70 
                    <button class="ipu-btn save-btn" id="save">保存</button>
71 
                    <button class="ipu-btn save-btn" id="delete">删除年龄和部门</button>
72 
                    <button class="ipu-btn save-btn" id="show">展示</button>
73 
                    <div class="ipu-flex">
74 
                        <div>用户名:</div>
75 
                        <div><input id="local_username" type="text" maxlength="30"/></div>
76 
                    </div>
77 
                    <div class="ipu-flex">
78 
                        <div>性别:</div>
79 
                        <div><input id="local_sex" type="text"/></div>
80 
                    </div>
81 
                    <div class="ipu-flex">
82 
                        <div>年龄:</div>
83 
                        <div><input  id="local_age"  type="text"/></div>
84 
                    </div>
85 
                    <div class="ipu-flex">
86 
                        <div>部门:</div>
87 
                        <div><input id="local_dept"  type="text"/></div>
88 
                    </div>
89 
                </div>
90 
            </div>
91 
        </div>
92 
        </div>
93 
    </div>
94 
</div>
95 
</body>
96 
</html>

+ 95 - 0
show-server/src/main/webapp/template/webapp/more/scene/OfflineCache.html
Wyświetl plik 

@ -0,0 +1,95 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>登陆</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/OfflineCache.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">本地缓存</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div id="loginForm">
52 
            <div>
53 
                <div class="content">
54 
                    <div class="ipu-flex">
55 
                        <div>用户名:</div>
56 
                        <div><input id="username" type="text" maxlength="30"/></div>
57 
                    </div>
58 
                    <div class="ipu-flex">
59 
                        <div>性别:</div>
60 
                        <div><input id="sex" type="text"/></div>
61 
                    </div>
62 
                    <div class="ipu-flex">
63 
                        <div>年龄:</div>
64 
                        <div><input  id="age"  type="text"/></div>
65 
                    </div>
66 
                    <div class="ipu-flex">
67 
                        <div>部门:</div>
68 
                        <div><input id="dept"  type="text"/></div>
69 
                    </div>
70 
                    <button class="ipu-btn save-btn" id="save">保存</button>
71 
                    <button class="ipu-btn save-btn" id="delete">删除年龄和部门</button>
72 
                    <button class="ipu-btn save-btn" id="show">展示</button>
73 
                    <div class="ipu-flex">
74 
                        <div>用户名:</div>
75 
                        <div><input id="local_username" type="text" maxlength="30"/></div>
76 
                    </div>
77 
                    <div class="ipu-flex">
78 
                        <div>性别:</div>
79 
                        <div><input id="local_sex" type="text"/></div>
80 
                    </div>
81 
                    <div class="ipu-flex">
82 
                        <div>年龄:</div>
83 
                        <div><input  id="local_age"  type="text"/></div>
84 
                    </div>
85 
                    <div class="ipu-flex">
86 
                        <div>部门:</div>
87 
                        <div><input id="local_dept"  type="text"/></div>
88 
                    </div>
89 
                </div>
90 
            </div>
91 
        </div>
92 
    </div>
93 
</div>
94 
</body>
95 
</html>

+ 73 - 0
show-server/src/main/webapp/template/webapp/more/scene/OpenKeyboard.html
Wyświetl plik 

@ -0,0 +1,73 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>键盘</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/OpenKeyboard.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">键盘</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div id="main">
52 
            <div>
53 
                <div class="title">芝麻开门，通关密语</div>
54 
                <div class="content">
55 
                    <div class="ipu-flex">
56 
                        <div>密语:</div>
57 
                        <div><input  type="password" placeholder="请输入通关密语" id="pwd"/></div>
58 
                    </div>
59 
                </div>
60 
                <div class="title">提示：1234</div>
61 
            </div>
62 
            <div class="ipu-flex ipu-flex-justify-space button-container">
63 
                <button class="ipu-btn save-btn" id="submit">开启</button>
64 
            </div>
65 
        </div>
66 
        <div  id="hiddenContent" class="ipu-fn-hide" style="text-align: center;">
67 
            <div id="retMsg">嘿嘿嘿嘿，恭喜发财，红包拿来~</div>
68 
            <img src="biz/img/scene/zmkm.jpg"/><br><br>
69 
        </div>
70 
    </div>
71 
</div>
72 
</body>
73 
</html>

+ 80 - 0
show-server/src/main/webapp/template/webapp/more/scene/PageRedirect.html
Wyświetl plik 

@ -0,0 +1,80 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>页面跳转</title>
6 
    {%>template/common/Head.html%}
7 
    <style>
8 
        .title{
9 
            font-size: 12px;
10 
            margin-left: 10px;
11 
            margin-top: 10px;
12 
            color: #000;
13 
        }
14 
        .content{
15 
            color: #000;
16 
            background-color: #fff;
17 
            margin: 10px 5px;
18 
            padding: 5px 10px;
19 
            border: 1px solid #ccc;
20 
        }
21 
        .content>div{
22 
            margin-top: 5px;
23 
            font-size: 15px;
24 
        }
25 
        .content input{
26 
            outline-style: none;
27 
            border: 1px solid #ccc;
28 
            border-radius: 5px;
29 
            /*text-align: right;*/
30 
            padding: 5px 5px 5px 0;
31 
        }
32 
        .button-container{
33 
            padding: 0 70px;
34 
        }
35 
    </style>
36 
</head>
37 
<body>
38 
<div class="ipu-flex-row ipu-flex-vertical">
39
40 
    <div class="ipu-flex-col">
41 
        <header class="ipu-toolbar">
42 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
43 
                    class="ipu-icon mdi mdi-chevron-left"></i>
44 
            </a>
45 
            <h1 class="ipu-toolbar-title">页面跳转(调用数据接口)</h1>
46 
        </header>
47 
    </div>
48
49 
    <div class="ipu-flex-col ipu-flex-col-auto">
50 
        <div id="loginForm">
51 
            <div>
52 
                <div class="content">
53 
                    <div class="ipu-flex">
54 
                        <div>脑筋急转弯：</div>
55 
                        <div>空着肚子能吃几个鸡蛋？</div>
56 
                    </div>
57 
                    <div class="ipu-flex">
58 
                        <div>请回答：</div>
59 
                        <div><input id="J_answer" name="J_answer" type="text"/><span class="num">个</span></div>
60 
                    </div>
61 
                </div>
62 
            </div>
63 
            <div class="ipu-flex ipu-flex-justify-space button-container">
64 
                <button class="ipu-btn save-btn" id="testPageRedirectBtn" onclick="javascript:return false;">确定</button>
65 
            </div>
66 
        </div>
67 
    </div>
68 
</div>
69 
</body>
70 
<script type="text/javascript">
71 
    require(["mobile","util"], function(Mobile) {
72
73 
        $("#testPageRedirectBtn").click(function(){
74 
            var param = new Wade.DataMap();
75 
            param.put("data", $("#J_answer").val());
76 
            Mobile.openPage("SceneBean_PageRedirectResult",param);
77 
        });
78 
    });
79 
</script>
80 
</html>

+ 59 - 0
show-server/src/main/webapp/template/webapp/more/scene/PageRedirectResult.html
Wyświetl plik 

@ -0,0 +1,59 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>页面跳转</title>
6 
    {%>template/common/Head.html%}
7 
    <style>
8 
        .title{
9 
            font-size: 12px;
10 
            margin-left: 10px;
11 
            margin-top: 10px;
12 
            color: #000;
13 
        }
14 
        .content{
15 
            color: #000;
16 
            background-color: #fff;
17 
            margin: 10px 5px;
18 
            padding: 5px 10px;
19 
            border: 1px solid #ccc;
20 
        }
21 
        .content>div{
22 
            margin-top: 5px;
23 
            font-size: 15px;
24 
        }
25 
        .content input{
26 
            outline-style: none;
27 
            border: 1px solid #ccc;
28 
            border-radius: 5px;
29 
            /*text-align: right;*/
30 
            padding: 5px 5px 5px 0;
31 
        }
32 
        .button-container{
33 
            padding: 0 70px;
34 
        }
35 
    </style>
36 
</head>
37 
<body>
38 
<div class="ipu-flex-row ipu-flex-vertical">
39
40 
    <div class="ipu-flex-col">
41 
        <header class="ipu-toolbar">
42 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
43 
                    class="ipu-icon mdi mdi-chevron-left"></i>
44 
            </a>
45 
        </header>
46 
    </div>
47
48 
    <div class="ipu-flex-col ipu-flex-col-auto">
49 
        <div id="loginForm">
50 
            <div>
51 
                <div class="content">
52 
                    <span id="retMsg">{%retMsg%}</span>
53 
                </div>
54 
            </div>
55 
        </div>
56 
    </div>
57 
</div>
58 
</body>
59 
</html>

+ 99 - 0
show-server/src/main/webapp/template/webapp/more/scene/PageRefresh.html
Wyświetl plik 

@ -0,0 +1,99 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>局部刷新(调用数据接口)</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/pageRefresh.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        table{
34 
            width: 100%;
35 
        }
36 
        table th{
37 
            text-align: center;
38 
            font-weight: normal;
39 
            border: 1px solid #ccc;
40 
        }
41 
        .info{
42 
            margin-left: 50px;
43 
            font-size: 10px;
44 
            color: #ccc;
45 
        }
46 
    </style>
47 
</head>
48 
<body>
49 
<div class="ipu-flex-row ipu-flex-vertical">
50
51 
    <div class="ipu-flex-col">
52 
        <header class="ipu-toolbar">
53 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
54 
                    class="ipu-icon mdi mdi-chevron-left"></i>
55 
            </a>
56 
            <h1 class="ipu-toolbar-title">局部刷新(调用数据接口)</h1>
57 
        </header>
58 
    </div>
59
60 
    <div class="ipu-flex-col ipu-flex-col-auto">
61 
        <div id="loginForm">
62 
            <div>
63 
                <div class="title">人员列表</div>
64 
                <div class="content">
65 
                    <table>
66 
                        <thead>
67 
                        <tr>
68 
                            <th>姓名</th>
69 
                            <th>年龄</th>
70 
                            <th>性别</th>
71 
                        </tr>
72 
                        </thead>
73 
                        <tbody id="tbody">
74 
                        <tr data-id="1">
75 
                            <th>小胖</th>
76 
                            <th>20</th>
77 
                            <th>男</th>
78 
                        </tr>
79 
                        <tr data-id="2">
80 
                            <th>张三</th>
81 
                            <th>22</th>
82 
                            <th>男</th>
83 
                        </tr>
84 
                        <tr data-id="3">
85 
                            <th>李四</th>
86 
                            <th>24</th>
87 
                            <th>女</th>
88 
                        </tr>
89 
                        </tbody>
90 
                    </table>
91 
                </div>
92 
            </div>
93 
            <div class="c_scroll c_scroll-mix c_scroll-fixed l_padding" style="top:3rem; bottom:0;" id="content2">
94 
            </div>
95 
        </div>
96 
    </div>
97 
</div>
98 
</body>
99 
</html>

+ 26 - 0
show-server/src/main/webapp/template/webapp/more/scene/PersonDetailTemplate.html
Wyświetl plik 

@ -0,0 +1,26 @@
1 
<div class="wrapper">
2 
	<div class="title">详情</div>
3 
	<div class="c_list">
4 
		<ul>
5 
			<li tapfor="input-text">
6 
				<div class="ipu-flex content">
7 
					<div class="label">姓名</div>
8 
					<div class="info" id="name">{%name%}</div>
9 
				</div>
10 
			</li>
11 
			<li tapfor="input-text">
12 
				<div class="ipu-flex content">
13 
					<div class="label">年龄</div>
14 
					<div class="info" id="age">{%age%}</div>
15 
				</div>
16 
			</li>
17 
			<li tapfor="input-text">
18 
				<div class="ipu-flex content">
19 
					<div class="label">性别</div>
20 
					<div class="info" id="gender">{%gender%}</div>
21 
				</div>
22 
			</li>
23 
		</ul>
24 
	</div>
25 
	<div class="c_space"></div>
26 
</div>

+ 32 - 0
show-server/src/main/webapp/template/webapp/more/scene/PersonDetailTemplateMore.html
Wyświetl plik 

@ -0,0 +1,32 @@
1 
<div class="wrapper">
2 
	<div class="title">详情</div>
3 
	<div class="c_list">
4 
		<ul>
5 
			<li tapfor="input-text">
6 
				<div class="ipu-flex content">
7 
					<div class="label">姓名</div>
8 
					<div class="info" id="name">{%name%}</div>
9 
				</div>
10 
			</li>
11 
			<li tapfor="input-text">
12 
				<div class="ipu-flex content">
13 
					<div class="label">年龄</div>
14 
					<div class="info" id="age">{%age%}</div>
15 
				</div>
16 
			</li>
17 
			<li tapfor="input-text">
18 
				<div class="ipu-flex content">
19 
					<div class="label">性别</div>
20 
					<div class="info" id="gender">{%gender%}</div>
21 
				</div>
22 
			</li>
23 
			<li tapfor="input-text">
24 
				<div class="ipu-flex content">
25 
					<div class="label">部门</div>
26 
					<div class="info" id="dept">{%dept%}</div>
27 
				</div>
28 
			</li>
29 
		</ul>
30 
	</div>
31 
	<div class="c_space"></div>
32 
</div>

+ 87 - 0
show-server/src/main/webapp/template/webapp/more/scene/SetScreenLock.html
Wyświetl plik 

@ -0,0 +1,87 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>解锁屏演示</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/SetScreenLock.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">解锁屏演示</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div id="loginForm">
52 
            <div>
53 
                <div class="title">手势锁状态</div>
54 
                <div class="content">
55 
                    <div class="ipu-flex  ipu-flex-justify-space">
56 
                        <div>手势锁状态:</div>
57 
                        <div>
58 
                            <span id="stateOn" class="ipu-fn-hide">ON</span>
59 
                            <span id="stateOff">OFF</span>
60 
                        </div>
61 
                    </div>
62 
                </div>
63 
                <div class="title">锁屏</div>
64 
                <div class="content">
65 
                    <div class="ipu-flex  ipu-flex-justify-space">
66 
                        <div>
67 
                            <div>锁屏</div>
68 
                            <div style="font-size: 12px;color: #ccc">来，设置一个炫酷的手势锁吧</div>
69 
                        </div>
70 
                        <div style="align-self: center;" id="setScreeLock">锁屏</div>
71 
                    </div>
72 
                </div>
73 
                <div id="hiddenContent">
74 
                    <div class="title">解锁</div>
75 
                    <div class="content">
76 
                        <div class="ipu-flex  ipu-flex-justify-space">
77 
                            <div>解锁</div>
78 
                            <div id="screenUnlock">解锁</div>
79 
                        </div>
80 
                    </div>
81 
                </div>
82 
            </div>
83 
        </div>
84 
    </div>
85 
</div>
86 
</body>
87 
</html>

+ 58 - 0
show-server/src/main/webapp/template/webapp/more/scene/TemplateRedirect.html
Wyświetl plik 

@ -0,0 +1,58 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>页面跳转</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/TemplateRedirect.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">页面跳转(直接数据渲染)</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div  id="loginResult" style="text-align: center;">
52 
            <img src="biz/img/scene/test_character.png" style="width: 100%"/><br><br>
53 
            <button class="ipu-btn save-btn" id="startGame">开始游戏</button>
54 
        </div>
55 
    </div>
56 
</div>
57 
</body>
58 
</html>

+ 99 - 0
show-server/src/main/webapp/template/webapp/more/scene/TemplateRefresh.html
Wyświetl plik 

@ -0,0 +1,99 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>局部刷新(直接数据渲染)</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/templateRefresh.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        table{
34 
            width: 100%;
35 
        }
36 
        table th{
37 
            text-align: center;
38 
            font-weight: normal;
39 
            border: 1px solid #ccc;
40 
        }
41 
        .info{
42 
            margin-left: 50px;
43 
            font-size: 10px;
44 
            color: #ccc;
45 
        }
46 
    </style>
47 
</head>
48 
<body>
49 
<div class="ipu-flex-row ipu-flex-vertical">
50
51 
    <div class="ipu-flex-col">
52 
        <header class="ipu-toolbar">
53 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
54 
                    class="ipu-icon mdi mdi-chevron-left"></i>
55 
            </a>
56 
            <h1 class="ipu-toolbar-title">局部刷新(直接数据渲染)</h1>
57 
        </header>
58 
    </div>
59
60 
    <div class="ipu-flex-col ipu-flex-col-auto">
61 
        <div id="loginForm">
62 
            <div>
63 
                <div class="title">人员列表</div>
64 
                <div class="content">
65 
                    <table>
66 
                        <thead>
67 
                        <tr>
68 
                            <th>姓名</th>
69 
                            <th>年龄</th>
70 
                            <th>性别</th>
71 
                        </tr>
72 
                        </thead>
73 
                        <tbody id="tbody">
74 
                        <tr data-id="1">
75 
                            <th>小胖</th>
76 
                            <th>20</th>
77 
                            <th>男</th>
78 
                        </tr>
79 
                        <tr data-id="2">
80 
                            <th>张三</th>
81 
                            <th>22</th>
82 
                            <th>男</th>
83 
                        </tr>
84 
                        <tr data-id="3">
85 
                            <th>李四</th>
86 
                            <th>24</th>
87 
                            <th>女</th>
88 
                        </tr>
89 
                        </tbody>
90 
                    </table>
91 
                </div>
92 
            </div>
93 
            <div class="c_scroll c_scroll-mix c_scroll-fixed l_padding" style="top:3rem; bottom:0;" id="content2">
94 
            </div>
95 
        </div>
96 
    </div>
97 
</div>
98 
</body>
99 
</html>

+ 82 - 0
show-server/src/main/webapp/template/webapp/more/scene/TfsDemo.html
Wyświetl plik 

@ -0,0 +1,82 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>tfs举例</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/TfsDemo.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">tfs举例</h1>
47 
            <div class="ipu-fn-right" id="add">新增</div>
48 
        </header>
49 
    </div>
50
51 
    <div class="ipu-flex-col ipu-flex-col-auto">
52 
        <div id="loginForm">
53 
            <div>
54 
                <div class="content" id="infoList">
55
56 
                </div>
57 
                <span id="downloadPicture"></span>
58 
            </div>
59 
        </div>
60 
    </div>
61 
</div>
62 
</body>
63
64 
<textarea class="ipu-fn-hide" id="T_infoList">
65 
    <div class="content">
66 
    {{#if infoList}}
67 
    {{#each infoList}}
68 
    <div class="ipu-flex ipu-flex-justify-space">
69 
        <div>{{file_name}}</div>
70 
    <div>
71 
    <a id="download" data-id="{{id}}">查看</a>
72 
    <a id="delete" data-id="{{id}}">删除</a>
73 
    </div>
74 
    </div>
75 
    {{/each}}
76 
        {{else}}
77 
    <div class="msg">未查询到相关信息！</div>
78 
        {{/if}}
79 
        </div>
80 
</textarea>
81
82 
</html>

+ 72 - 0
show-server/src/main/webapp/template/webapp/more/scene/UniqueEquipmentLogin.html
Wyświetl plik 

@ -0,0 +1,72 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>唯一设备登陆</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/UniqueEquipmentLogin.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            /*text-align: right;*/
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">登陆</h1>
47 
        </header>
48 
    </div>
49
50 
    <div class="ipu-flex-col ipu-flex-col-auto">
51 
        <div id="loginForm">
52 
            <div>
53 
                <div class="content">
54 
                    <div class="ipu-flex">
55 
                        <div>用户名:</div>
56 
                        <div><input id="username" type="text" maxlength="30"/></div>
57 
                    </div>
58 
                    <div class="ipu-flex">
59 
                        <div>密码:</div>
60 
                        <div><input id="password" type="password"/></div>
61 
                    </div>
62 
                </div>
63 
            </div>
64 
            <div class="ipu-flex ipu-flex-justify-space button-container">
65 
            <button class="ipu-btn save-btn" id="sceneLoginBtn" onclick="javascript:return false;">唯一设备登录</button>
66 
            <button class="ipu-btn save-btn" id="checkState" onclick="javascript:return false;">校验登陆状态</button>
67 
        </div>
68 
        </div>
69 
    </div>
70 
</div>
71 
</body>
72 
</html>

+ 200 - 0
show-server/src/main/webapp/template/webapp/more/scene/demo/Demo.html
Wyświetl plik 

@ -0,0 +1,200 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>增删改查-报表演示-主界面</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/demo/demo.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            text-align: right;
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .ipu-list-item-title{
34 
            flex-direction: column;
35 
        }
36 
        .ipu-list-item-title .name{
37 
            color: #000;
38 
            font-size: 15px;
39 
        }
40 
        .ipu-list-item-title .address{
41 
            color: #666;
42 
            font-size: 12px;
43 
        }
44 
        .ipu-list-item-title .number{
45 
            color: #666;
46 
            font-size: 12px;
47 
        }
48 
    </style>
49 
</head>
50 
<body>
51 
<div class="ipu-flex-row ipu-flex-vertical">
52
53 
    <div class="ipu-flex-col">
54 
        <header class="ipu-toolbar">
55 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
56 
                    class="ipu-icon mdi mdi-chevron-left"></i>
57 
            </a>
58 
            <h1 class="ipu-toolbar-title">报表展示</h1>
59 
            <div class="ipu-fn-right" id="add">新增</div>
60 
        </header>
61 
    </div>
62
63 
    <div class="ipu-flex-col">
64 
        <div>
65 
            <div class="content">
66 
                <div class="ipu-flex ipu-flex-justify-space">
67 
                    <div>客户名称:</div>
68 
                    <div><input type="text" maxlength="30" placeholder="客户名称"/></div>
69 
                </div>
70 
                <div class="ipu-flex ipu-flex-justify-space">
71 
                    <div>客户类型:</div>
72 
                    <div><input type="text" name="province" value="集团客户"/></div>
73 
                </div>
74 
                <div class="ipu-flex ipu-flex-justify-space less-more" style="display: none;">
75 
                    <div>客户名称:</div>
76 
                    <div><input type="text" maxlength="30" placeholder="客户名称"/></div>
77 
                </div>
78 
                <div class="ipu-flex ipu-flex-justify-space less-more"  style="display: none;">
79 
                    <div>客户名称:</div>
80 
                    <div><input type="text" maxlength="30" placeholder="客户名称"/></div>
81 
                </div>
82 
                <div class="ipu-flex ipu-flex-justify-space less-more"  style="display: none;">
83 
                    <div>客户名称:</div>
84 
                    <div><input type="text" maxlength="30" placeholder="客户名称"/></div>
85 
                </div>
86 
                <div class="ipu-flex ipu-flex-justify-center">
87 
                    <button class="ipu-btn" id="qryButton">查询</button>
88 
                    <div><a id="showMore">more</a></div>
89 
                </div>
90 
            </div>
91 
        </div>
92 
    </div>
93 
    <div class="ipu-flex-col ipu-flex-col-auto">
94 
        <div class="ipu-flex-content" id="refresh">
95 
            <div class="ipu-refresh-wrapper">
96 
                <div class="refresh-content ">
97 
                    <div class="page-content">
98 
                        <div class="ipu-list">
99 
                            <ul>
100 
                                <li class="ipu-list-item">
101 
                                    <div class="ipu-list-item-inner">
102 
                                        <div class="ipu-list-item-title">
103 
                                            <div class="name">客户名称：10020976399</div>
104 
                                            <div class="address">地址：0</div>
105 
                                            <div class="number">CA编号：10001404</div>
106 
                                        </div>
107 
                                    </div>
108 
                                </li>
109 
                                <li class="ipu-list-item">
110 
                                    <div class="ipu-list-item-inner">
111 
                                        <div class="ipu-list-item-title">
112 
                                            <div class="name">客户名称：10020976399</div>
113 
                                            <div class="address">地址：0</div>
114 
                                            <div class="number">CA编号：10001404</div>
115 
                                        </div>
116 
                                    </div>
117 
                                </li>
118 
                                <li class="ipu-list-item">
119 
                                    <div class="ipu-list-item-inner">
120 
                                        <div class="ipu-list-item-title">
121 
                                            <div class="name">客户名称：10020976399</div>
122 
                                            <div class="address">地址：0</div>
123 
                                            <div class="number">CA编号：10001404</div>
124 
                                        </div>
125 
                                    </div>
126 
                                </li>
127 
                                <li class="ipu-list-item">
128 
                                    <div class="ipu-list-item-inner">
129 
                                        <div class="ipu-list-item-title">
130 
                                            <div class="name">客户名称：10020976399</div>
131 
                                            <div class="address">地址：0</div>
132 
                                            <div class="number">CA编号：10001404</div>
133 
                                        </div>
134 
                                    </div>
135 
                                </li>
136 
                                <li class="ipu-list-item">
137 
                                    <div class="ipu-list-item-inner">
138 
                                        <div class="ipu-list-item-title">
139 
                                            <div class="name">客户名称：10020976399</div>
140 
                                            <div class="address">地址：0</div>
141 
                                            <div class="number">CA编号：10001404</div>
142 
                                        </div>
143 
                                    </div>
144 
                                </li>
145 
                                <li class="ipu-list-item">
146 
                                    <div class="ipu-list-item-inner">
147 
                                        <div class="ipu-list-item-title">
148 
                                            <div class="name">客户名称：10020976399</div>
149 
                                            <div class="address">地址：0</div>
150 
                                            <div class="number">CA编号：10001404</div>
151 
                                        </div>
152 
                                    </div>
153 
                                </li>
154 
                                <li class="ipu-list-item">
155 
                                    <div class="ipu-list-item-inner">
156 
                                        <div class="ipu-list-item-title">
157 
                                            <div class="name">客户名称：10020976399</div>
158 
                                            <div class="address">地址：0</div>
159 
                                            <div class="number">CA编号：10001404</div>
160 
                                        </div>
161 
                                    </div>
162 
                                </li>
163 
                                <li class="ipu-list-item">
164 
                                    <div class="ipu-list-item-inner">
165 
                                        <div class="ipu-list-item-title">
166 
                                            <div class="name">客户名称：10020976399</div>
167 
                                            <div class="address">地址：0</div>
168 
                                            <div class="number">CA编号：10001404</div>
169 
                                        </div>
170 
                                    </div>
171 
                                </li>
172 
                                <li class="ipu-list-item">
173 
                                    <div class="ipu-list-item-inner">
174 
                                        <div class="ipu-list-item-title">
175 
                                            <div class="name">客户名称：10020976399</div>
176 
                                            <div class="address">地址：0</div>
177 
                                            <div class="number">CA编号：10001404</div>
178 
                                        </div>
179 
                                    </div>
180 
                                </li>
181 
                                <li class="ipu-list-item">
182 
                                    <div class="ipu-list-item-inner">
183 
                                        <div class="ipu-list-item-title">
184 
                                            <div class="name">客户名称：10020976399</div>
185 
                                            <div class="address">地址：0</div>
186 
                                            <div class="number">CA编号：10001404</div>
187 
                                        </div>
188 
                                    </div>
189 
                                </li>
190 
                            </ul>
191 
                        </div>
192 
                        <div class="query-no-result ipu-fn-hide">未查询到数据</div>
193 
                    </div>
194 
                </div>
195 
            </div>
196 
        </div>
197 
    </div>
198 
</div>
199 
</body>
200 
</html>

+ 109 - 0
show-server/src/main/webapp/template/webapp/more/scene/demo/DemoAdd.html
Wyświetl plik 

@ -0,0 +1,109 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>增删改查-报表演示-新增</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/demo/demoadd.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
        }
26 
        .content input{
27 
            outline-style: none;
28 
            border: 1px solid #ccc;
29 
            border-radius: 5px;
30 
            text-align: right;
31 
            padding: 5px 5px 5px 0;
32 
        }
33 
        .button-container{
34 
            padding: 0 70px;
35 
        }
36 
    </style>
37 
</head>
38 
<body>
39 
<div class="ipu-flex-row ipu-flex-vertical">
40
41 
    <div class="ipu-flex-col">
42 
        <header class="ipu-toolbar">
43 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
44 
                    class="ipu-icon mdi mdi-chevron-left"></i>
45 
            </a>
46 
            <h1 class="ipu-toolbar-title">新增报表</h1>
47 
            <div class="ipu-fn-right" id="save">保存</div>
48 
        </header>
49 
    </div>
50
51 
    <div class="ipu-flex-col ipu-flex-col-auto">
52 
        <div>
53 
            <div class="title">基本信息</div>
54 
            <div class="content">
55 
                <div class="ipu-flex ipu-flex-justify-space">
56 
                    <div>客户名称:</div>
57 
                    <div><input type="text" maxlength="30" placeholder="客户名称"/></div>
58 
                </div>
59 
                <div class="ipu-flex ipu-flex-justify-space">
60 
                    <div>业务类型:</div>
61 
                    <div><input type="text" name="province" value="集团客户"/></div>
62 
                </div>
63 
                <div class="ipu-flex ipu-flex-justify-space">
64 
                    <div>客户状态:</div>
65 
                    <div><input type="text" maxlength="30" placeholder="客户状态"/></div>
66 
                </div>
67 
                <div class="ipu-flex ipu-flex-justify-space">
68 
                    <div>证件类型:</div>
69 
                    <div><input type="text" name="province" value="集团客户"/></div>
70 
                </div>
71 
                <div class="ipu-flex ipu-flex-justify-space">
72 
                    <div>证件号码:</div>
73 
                    <div><input type="text" maxlength="30" placeholder="证件号码"/></div>
74 
                </div>
75 
                <div class="ipu-flex ipu-flex-justify-space">
76 
                    <div>客户地址:</div>
77 
                    <div><input type="text" maxlength="30" placeholder="客户地址"/></div>
78 
                </div>
79 
                <div class="ipu-flex ipu-flex-justify-space">
80 
                    <div>主电话号码:</div>
81 
                    <div><input type="text" maxlength="30" placeholder="主电话号码"/></div>
82 
                </div>
83 
            </div>
84 
        </div>
85 
        <div>
86 
            <div class="title">综合信息</div>
87 
            <div class="content">
88 
                <div class="ipu-flex ipu-flex-justify-space">
89 
                    <div>客户经理:</div>
90 
                    <div><input type="text" maxlength="30" placeholder="客户经理"/></div>
91 
                </div>
92 
                <div class="ipu-flex ipu-flex-justify-space">
93 
                    <div>父客户:</div>
94 
                    <div><input type="text" maxlength="30" placeholder="父客户"/></div>
95 
                </div>
96 
                <div class="ipu-flex ipu-flex-justify-space">
97 
                    <div>发展渠道:</div>
98 
                    <div><input type="text" maxlength="30" placeholder="发展渠道"/></div>
99 
                </div>
100 
            </div>
101 
        </div>
102 
        <div class="ipu-flex ipu-flex-justify-space button-container">
103 
            <button class="ipu-btn save-btn">保存</button>
104 
            <button class="ipu-btn back-btn">返回</button>
105 
        </div>
106 
    </div>
107 
</div>
108 
</body>
109 
</html>

+ 115 - 0
show-server/src/main/webapp/template/webapp/more/scene/demo/DemoDetail.html
Wyświetl plik 

@ -0,0 +1,115 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>增删改查-报表演示-详情</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/demo/demoDetail.js"></script>
8 
    <style>
9 
        .title{
10 
            font-size: 12px;
11 
            margin-left: 10px;
12 
            margin-top: 10px;
13 
            color: #000;
14 
        }
15 
        .content{
16 
            color: #000;
17 
            background-color: #fff;
18 
            margin: 10px 5px;
19 
            padding: 5px 10px;
20 
            border: 1px solid #ccc;
21 
        }
22 
        .content>div{
23 
            margin-top: 5px;
24 
            font-size: 15px;
25 
            border-bottom: 1px solid #ccc;
26 
        }
27 
        .content input{
28 
            outline-style: none;
29 
            border: 1px solid #ccc;
30 
            border-radius: 5px;
31 
            text-align: right;
32 
            padding: 5px 5px 5px 0;
33 
        }
34 
        .button-container{
35 
            padding: 0 70px;
36 
        }
37 
    </style>
38 
</head>
39 
<body>
40 
<div data-json="{%jsonData%}" id="jsonData"></div>
41 
<div class="ipu-flex-row ipu-flex-vertical">
42
43 
    <div class="ipu-flex-col">
44 
        <header class="ipu-toolbar">
45 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
46 
                    class="ipu-icon mdi mdi-chevron-left"></i>
47 
            </a>
48 
            <h1 class="ipu-toolbar-title">
49 
                <span class="text" id="detailTitle">报表详情</span>
50 
            </h1>
51 
            <div class="ipu-fn-right">
52 
                <span id="edit">编辑</span>
53 
            </div>
54 
        </header>
55 
    </div>
56
57 
    <div class="ipu-flex-col ipu-flex-col-auto">
58 
        <div>
59 
            <div class="title">基本信息</div>
60 
            <div class="content">
61 
                <div class="ipu-flex ipu-flex-justify-space">
62 
                    <div>客户名称:</div>
63 
                    <div>U</div>
64 
                </div>
65 
                <div class="ipu-flex ipu-flex-justify-space">
66 
                    <div>业务类型:</div>
67 
                    <div>10020976399</div>
68 
                </div>
69 
                <div class="ipu-flex ipu-flex-justify-space">
70 
                    <div>客户状态:</div>
71 
                    <div>0</div>
72 
                </div>
73 
                <div class="ipu-flex ipu-flex-justify-space">
74 
                    <div>证件类型:</div>
75 
                    <div>迁移数据</div>
76 
                </div>
77 
                <div class="ipu-flex ipu-flex-justify-space">
78 
                    <div>证件号码:</div>
79 
                    <div>65065438</div>
80 
                </div>
81 
                <div class="ipu-flex ipu-flex-justify-space">
82 
                    <div>客户地址:</div>
83 
                    <div>北京市1-ISA45BZ</div>
84 
                </div>
85 
                <div class="ipu-flex ipu-flex-justify-space">
86 
                    <div>主电话号码:</div>
87 
                    <div>10007717</div>
88 
                </div>
89 
            </div>
90 
        </div>
91 
        <div>
92 
            <div class="title">综合信息</div>
93 
            <div class="content">
94 
                <div class="ipu-flex ipu-flex-justify-space">
95 
                    <div>客户经理:</div>
96 
                    <div>2010-10-19 16:02:26.0</div>
97 
                </div>
98 
                <div class="ipu-flex ipu-flex-justify-space">
99 
                    <div>父客户:</div>
100 
                    <div>北京市</div>
101 
                </div>
102 
                <div class="ipu-flex ipu-flex-justify-space">
103 
                    <div>发展渠道:</div>
104 
                    <div>/1602</div>
105 
                </div>
106 
            </div>
107 
        </div>
108 
        <div class="ipu-flex ipu-flex-justify-space button-container">
109 
            <button class="ipu-btn edit-btn">编辑</button>
110 
            <button class="ipu-btn back-btn">返回</button>
111 
        </div>
112 
    </div>
113 
</div>
114 
</body>
115 
</html>

+ 139 - 0
show-server/src/main/webapp/template/webapp/more/scene/scene.html
Wyświetl plik 

@ -0,0 +1,139 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="utf-8">
5 
    <title>场景演示</title>
6 
    {%>template/common/Head.html%}
7 
    <script src="biz/js/more/scene/scenedemo.js"></script>
8 
</head>
9 
<body>
10 
<div class="ipu-flex-row ipu-flex-vertical">
11
12 
    <div class="ipu-flex-col">
13 
        <header class="ipu-toolbar">
14 
            <a class="ipu-fn-left page-back" href="javascript:;"> <i
15 
                    class="ipu-icon mdi mdi-chevron-left"></i>
16 
            </a>
17 
            <h1 class="ipu-toolbar-title">场景演示</h1>
18 
        </header>
19 
    </div>
20
21 
    <div class="ipu-flex-col ipu-flex-col-auto">
22 
        <div class="demo-item">
23 
            <div class="demo-body">
24 
                <div class="ipu-list ipu-list-media">
25 
                    <ul id="scene-menu">
26 
                        <li class="ipu-list-item" action="SceneBean_Demo">
27 
                            <div class="ipu-list-item-inner">
28 
                                <div class="ipu-list-item-title-row">
29 
                                    <div class="ipu-list-item-title">报表</div>
30 
                                </div>
31 
                                <div class="ipu-list-item-text">增删改查样例代码，集成了手势、模板引擎、数据交互、界面交互，供大家参考。</div>
32 
                            </div>
33 
                        </li>
34 
                        <li class="ipu-list-item" action="SceneBean_login_init">
35 
                            <div class="ipu-list-item-inner">
36 
                                <div class="ipu-list-item-title-row">
37 
                                    <div class="ipu-list-item-title">登陆</div>
38 
                                </div>
39 
                                <div class="ipu-list-item-text">输入账号、密码以及图片验证码登陆，服务端校验成功以后创建Session，
40 
                                    同时客户端存储SessionId，提供给其他接口使用。</div>
41 
                            </div>
42 
                        </li>
43 
                        <li class="ipu-list-item" action="UniqueEquipmentLogin">
44 
                            <div class="ipu-list-item-inner">
45 
                                <div class="ipu-list-item-title-row">
46 
                                    <div class="ipu-list-item-title">唯一设备登陆</div>
47 
                                </div>
48 
                                <div class="ipu-list-item-text">一个ACCOUNT账号只能登陆一台设备</div>
49 
                            </div>
50 
                        </li>
51 
                        <li class="ipu-list-item" action="Cache">
52 
                            <div class="ipu-list-item-inner">
53 
                                <div class="ipu-list-item-title-row">
54 
                                    <div class="ipu-list-item-title">缓存</div>
55 
                                </div>
56 
                                <div class="ipu-list-item-text">ipu提供两类缓存：MemoryCache和OfflineCache</div>
57 
                            </div>
58 
                        </li>
59 
                        <li class="ipu-list-item" action="TfsDemo">
60 
                            <div class="ipu-list-item-inner">
61 
                                <div class="ipu-list-item-title-row">
62 
                                    <div class="ipu-list-item-title">tfs举例</div>
63 
                                </div>
64 
                                <div class="ipu-list-item-text">通过图片的上传下载，演示tfs的使用过程</div>
65 
                            </div>
66 
                        </li>
67 
                        <li class="ipu-list-item" action="PushDemo">
68 
                            <div class="ipu-list-item-inner">
69 
                                <div class="ipu-list-item-title-row">
70 
                                    <div class="ipu-list-item-title">推送举例</div>
71 
                                </div>
72 
                                <div class="ipu-list-item-text">多服务端推送演示</div>
73 
                            </div>
74 
                        </li>
75 
                        <li class="ipu-list-item" action="SceneBean_setScreenLock">
76 
                            <div class="ipu-list-item-inner">
77 
                                <div class="ipu-list-item-title-row">
78 
                                    <div class="ipu-list-item-title">解锁屏</div>
79 
                                </div>
80 
                                <div class="ipu-list-item-text">设置手势锁~</div>
81 
                            </div>
82 
                        </li>
83 
                        <li class="ipu-list-item" action="SceneBean_openKeyboard">
84 
                            <div class="ipu-list-item-inner">
85 
                                <div class="ipu-list-item-title-row">
86 
                                    <div class="ipu-list-item-title">键盘</div>
87 
                                </div>
88 
                                <div class="ipu-list-item-text">原生UI键盘</div>
89 
                            </div>
90 
                        </li>
91 
                        <li class="ipu-list-item" action="SceneBean_dataRequest">
92 
                            <div class="ipu-list-item-inner">
93 
                                <div class="ipu-list-item-title-row">
94 
                                    <div class="ipu-list-item-title">数据请求</div>
95 
                                </div>
96 
                                <div class="ipu-list-item-text">客户端访问时则是原生实现的访问请求，可以通过配置实现加密方式的传输安全，
97 
                                    开发阶段，使用浏览器网页形式访问时是基于ajax的访问请求。</div>
98 
                            </div>
99 
                        </li>
100 
                        <li class="ipu-list-item" action="SceneBean_templateRedirect">
101 
                            <div class="ipu-list-item-inner">
102 
                                <div class="ipu-list-item-title-row">
103 
                                    <div class="ipu-list-item-title">页面跳转(直接数据渲染)</div>
104 
                                </div>
105 
                                <div class="ipu-list-item-text">没有数据请求，传入的参数直接用于页面渲染。</div>
106 
                            </div>
107 
                        </li>
108 
                        <li class="ipu-list-item" action="SceneBean_PageRedirect">
109 
                            <div class="ipu-list-item-inner">
110 
                                <div class="ipu-list-item-title-row">
111 
                                    <div class="ipu-list-item-title">页面跳转(调用数据接口)</div>
112 
                                </div>
113 
                                <div class="ipu-list-item-text">调用数据请求，传入的参数先用于请求数据接口，得到的结果集用于页面渲染。</div>
114 
                            </div>
115 
                        </li>
116 
                        <li class="ipu-list-item" action="TemplateRefresh">
117 
                            <div class="ipu-list-item-inner">
118 
                                <div class="ipu-list-item-title-row">
119 
                                    <div class="ipu-list-item-title">局部刷新(直接数据渲染)</div>
120 
                                </div>
121 
                                <div class="ipu-list-item-text">没有数据请求，传入的参数直接用于解析模板得到html。</div>
122 
                            </div>
123 
                        </li>
124 
                        <li class="ipu-list-item" action="PageRefresh">
125 
                            <div class="ipu-list-item-inner">
126 
                                <div class="ipu-list-item-title-row">
127 
                                    <div class="ipu-list-item-title">局部刷新(调用数据接口)</div>
128 
                                </div>
129 
                                <div class="ipu-list-item-text">调用数据请求，传入的参数先用于请求数据接口，得到的结果集用于解析模板得到html。</div>
130 
                            </div>
131 
                        </li>
132 
                    </ul>
133 
                </div>
134 
            </div>
135 
        </div>
136 
    </div>
137 
</div>
138 
</body>
139 
</html>

+ 27 - 0
show-server/src/main/webapp/template/webapp/plugins/asr.html
Wyświetl plik 

@ -0,0 +1,27 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>语音识别</title> {%>template/common/Head.html%}
5 
<script type="text/javascript" src="biz/js/plugins/asr.js"></script>
6 
</head>
7 
<body>
8 
	<div class="ipu-card ipu-card-block">
9 
		<div class="ipu-card-header">语音识别</div>
10 
		<div class="ipu-card-content">
11 
			<div class="ipu-card-content-inner" id="img">
12 
				点击开始唤起语音识别插件功能
13 
			</div>
14 
		</div>
15 
		<div class="ipu-card-footer">
16 
			<div class="ipu-flex-block ipu-flex-middle">
17 
				<div class="ipu-flex-grow-1">
18 
					<input class="search-input" type="text" id="search">
19 
				</div>
20 
				<div class="ipu-flex-grow-0 ipu-fn-p-l">
21 
					<button class="ipu-btn" id="start">开始</button>
22 
				</div>
23 
			</div>
24 
		</div>
25 
	</div>
26 
</body>
27 
</html>

+ 1 - 1
show-server/src/main/webapp/template/webapp/plugins/basic.html
Wyświetl plik 

@ -127,8 +127,8 @@
127 127 
								</li>
128 128 
							</ul>
129 129 
						</div>
130
131 130 
					</div>
131
132 132
133 133 
					<!-- <div class="ipu-card">
134 134 
						<ul class="ipu-list ipu-list-function ipu-border-tb">

+ 10 - 0
show-server/src/main/webapp/template/webapp/plugins/index-list.html
Wyświetl plik 

@ -150,5 +150,15 @@
150 150 
			<p>OCR</p>
151 151 
		</li>
152 152
153 
	    <li data-action="SysLocation">
154 
	        <div class="ipu-icon mdi mdi-map-marker"></div>
155 
	        <p>系统定位</p>
156 
	    </li>
157
158 
		<li data-action="asr">
159 
	        <div class="ipu-icon mdi mdi-kodi"></div>
160 
	        <p>语音识别</p>
161 
	    </li>
162
153 163 
	</ul>
154 164 
</div>

+ 15 - 0
show-server/src/main/webapp/template/webapp/plugins/photo.html
Wyświetl plik 

@ -79,6 +79,21 @@
79 79 
							<button class="ipu-btn" id="add_text">测试</button>
80 80 
						</div>
81 81 
					</div>
82 
          <div class="ipu-card ipu-card-block">
83 
            <div class="ipu-card-header">拍照且识别照片中二维码</div>
84 
            <div class="ipu-card-content">
85 
              <div class="ipu-card-content-inner">
86 
                <div class="">调用结果信息</div>
87 
                <div id="qrcode_pic">
88 
                </div>
89 
                <div id="qrcode_path"></div>
90 
                <div id="qrcode_label"></div>
91 
              </div>
92 
            </div>
93 
            <div class="ipu-card-footer">
94 
              <button class="ipu-btn" id="take_qrcode_picture">测试</button>
95 
            </div>
96 
          </div>
82 97 
					<!-- 	<div class="demo-item">
83 98 
						<div class="demo-title">拍照</div>
84 99 
						<div class="ipu-card ">

+ 21 - 0
show-server/src/main/webapp/template/webapp/plugins/safe/gestureLock.html
Wyświetl plik 

@ -53,6 +53,27 @@
53 53 
							</li>
54 54
55 55
56 
							<li class="ipu-list-item">
57 
								<div class="ipu-list-item-inner">
58 
									<div class="ipu-list-item-title">设置原生手势锁样式</div>
59 
									<div class="ipu-list-item-after">
60 
										<button class="ipu-btn ipu-btn-s" id="style_gesture1">设置样式</button>
61 
									</div>
62 
								</div>
63 
							</li>
64
65
66 
							<li class="ipu-list-item">
67 
								<div class="ipu-list-item-inner">
68 
									<div class="ipu-list-item-title">默认原生手势锁样式</div>
69 
									<div class="ipu-list-item-after">
70 
										<button class="ipu-btn ipu-btn-s" id="style_gesture0">还原样式</button>
71 
									</div>
72 
								</div>
73 
							</li>
74
75
76
56 77 
						</ul>
57 78 
					</div>
58 79

+ 55 - 0
show-server/src/main/webapp/template/webapp/plugins/sysLocation.html
Wyświetl plik 

@ -0,0 +1,55 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>系统定位</title> {%>template/common/Head.html%}
5 
<script type="text/javascript"
6 
	src="biz/js/plugins/sysLocation.js"></script>
7 
</head>
8 
<body>
9
10 
	<div class="ipu-flex-row ipu-flex-vertical">
11 
		<div class="ipu-flex-col">
12 
			<header class="ipu-toolbar">
13 
				<h1 class="ipu-toolbar-title">系统定位</h1>
14 
				<a class="ipu-fn-left page-back" href="javascript:;"> <i
15 
					class="ipu-icon mdi mdi-chevron-left"></i>
16 
				</a>
17 
			</header>
18 
		</div>
19
20 
		<div class="ipu-flex-col ipu-flex-col-auto">
21 
			<div class="ipu-flex-content" id="mycontent">
22 
				<div class="page-content">
23 
					<div class="ipu-list">
24 
						<ul>
25
26 
							<li class="ipu-list-item">
27 
								<div class="ipu-list-item-inner">
28 
									<div class="ipu-list-item-title">调用系统定位功能</div>
29 
									<div class="ipu-list-item-after">
30 
										<button class="ipu-btn ipu-btn-s" id="sys_location">开始定位</button>
31 
									</div>
32 
								</div>
33 
							</li>
34
35 
						</ul>
36 
					</div>
37
38
39 
					<div class="ipu-card ipu-card-block">
40 
						<div class="ipu-card-content">
41 
							<div class="ipu-card-content-inner">
42 
								<div class="">系统定位回调信息</div>
43 
								<div id="syslocation_info"></div>
44 
							</div>
45 
						</div>
46 
					</div>
47
48
49 
				</div>
50 
			</div>
51 
		</div>
52
53 
	</div>
54 
</body>
55 
</html>

common-ui - Nuosi Git Service
ホーム エスクプローラ ヘルプ
サインイン
liuyang50
/
common-ui
Watch 1
Star 0
Fork 0
コード 課題 0 プルリクエスト 0 コミット 20 リリース 0 Wiki

AIoT前端公共UI

ブランチ: master
ブランチ タグ
common-ui
/
docs
/
components
/
complex-form
liuyang d69a3532bf update: 修改说明文档 2 年 前
..
base.md d69a3532bf update: 修改说明文档 2 年 前