HZK/write.html at master · yangshare/HZK · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="//at.alicdn.com/t/font_lqkpfcmw7bymn29.css" rel="stylesheet" />
	</head>

	<body>
		<div class="mui-content-padded">
			<div id="myRows">
				<div class="myRow">
					<input type="text" class="mui-input-clear" placeholder="菜名" style="float: left;width: 48%;height: 34px;">
					<input type="number" class="mui-input-clear" placeholder="￥价格" style="float: right;width: 48%;height: 34px;padding: 5px 15px;">
				</div>
			</div>
			<div>
				<button id="del" class="mui-btn  mui-btn-primary" style="padding: 5px;float: left;width: 48%;">-</button>
				<button id="add" class="mui-btn  mui-btn-primary" style="padding: 5px;float: right;width: 48%;">+</button>
			</div>
		</div>
		<!--底部选项卡-->
		<nav id="submit" class="mui-bar mui-bar-tab" style="border-radius: 50px;width: 60px;height: 60px;float: left;margin: auto;bottom: 10px;border: groove;background-color: transparent">
			<a class="mui-tab-item mui-active" href="javascript:void(0);">
				<span class="mui-icon mui-icon-paperplane" style="color: #FF5053;"></span>
			</a>
		</nav>
		<script src="js/mui.min.js"></script>
		<script src="js/util.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.wilddog.com/sdk/js/2.5.2/wilddog.js"></script>
		<script type="text/javascript">
			mui.init();
			var person = null;
			mui.plusReady(function() {
				//只在手机运行的代码
				person = plus.webview.currentWebview().name;
				//				alert(person);
				//重新back方法
				plus.key.addEventListener("backbutton", function() {
					//关闭首页时钟线程
					localStorage.setItem("interval", "40");
				});
			});
			/**
			 * 野狗连接//////////////////////
			 */
			// 初始化
			var wilddog_config = {
				authDomain: "hzk.wilddog.com",
				syncURL: "https://hzk.wilddogio.com"
			};
			//初始化野狗
			wilddog.initializeApp(wilddog_config);

			//取出点击任务
			var maps = {};

			//删除一条
			mui("#del")[0].addEventListener("tap", function() {
				console.log(mui("#myRows")[0].children.length);
				var length=mui("#myRows")[0].children.length-1;
				mui("#myRows")[0].removeChild(mui("#myRows")[0].children[length]);
			});
			//添加一条
			mui("#add")[0].addEventListener("tap", function() {
				var div = document.createElement("div");
				div.className = "myRow";
				div.innerHTML = '<input type="text" class="mui-input-clear" placeholder="菜名" style="float: left;width: 48%;height: 34px;">' +
					'<input type="number" class="mui-input-clear" placeholder="￥价格" style="float: right;width: 48%;height: 34px;padding: 5px 15px;">';
				mui("#myRows")[0].appendChild(div);
			});
			//提交菜单
			mui("#submit")[0].addEventListener("tap", function() {
				var flag = 0;
				for(var i = 0; i < mui("input").length; i++) {
					if(mui("input")[i].value.trim() != "") {
						flag++;
					}
				}

				if(flag == mui("input").length) {
					var wt = null; //实例化等待窗
					wt = plus.nativeUI.showWaiting(); //打开等待
					var objlist = mui(".myRow");
					for(var i = 0; i < objlist.length; i++) {
						console.log("" + objlist[i].children[0].value + "," + objlist[i].children[1].value);
						maps[objlist[i].children[0].value] = objlist[i].children[1].value;
					}

					var ref = wilddog.sync().ref("/" + getNowFormatDate().substr(0, 7) + "/15775691975/" + person + "/" + getNowFormatDate());
					ref.set(maps, function(error) {
						//关闭加载动画
						wt.close();
						if(error == null) {
							// 数据同步到野狗云端成功完成
							mui.alert("提交成功");
							localStorage.setItem("interval", "40");
							//跳转页面和传参数
							mui.back();
						} else {
							mui.alert("网络异常");
						}
					});

				} else {
					mui.alert("不能提交空值");
				}
			});
		</script>
	</body>

</html>