yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
							<!doctype html>
<html lang="en" class="feedback">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>自定义首页</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/feedback.css" />
		<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">自定义首页</h1>
			<a id="submit" class="mui-icon fa fa-cloud-upload mui-pull-right"></a>
		</header>
		<div class="mui-content">
			<div class="row mui-input-row">
				<textarea id='question' class="mui-input-clear question" placeholder="请输入版权信息..."></textarea>
			</div>
			<p>图片(点击图片更换，总大小4M以下)</p>
			<div id='image-list' class="row image-list"></div>
		</div>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init({
				beforeback: function() { //获得列表界面的webview	
					var list = plus.webview.currentWebview().opener(); //触发列表界面的自定义事件（refresh）,从而进行数据刷新	
					mui.fire(list, 'refresh'); //返回true，继续页面关闭逻辑	
					return true;
				}
			});
			//			mui('.mui-scroll-wrapper').scroll();
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
//				console.log(self.name);
//				console.log(self.photopath);
//				console.log(self.copyright);
				$('#question').val(self.copyright)
				
				var index = 1;
				var size = null;
				var imageIndexIdNum = 0;
				var starIndex = 0;
				var feedback = {
					question: document.getElementById('question'),
					//		contact: document.getElementById('contact'), 
					imageList: document.getElementById('image-list'),
					submitBtn: document.getElementById('submit')
				};
				var url = 'http://192.168.1.11:8000/app_user_group_edit';
				feedback.files = [];
				feedback.uploader = null;
				feedback.deviceInfo = null;
				mui.plusReady(function() {
					//设备信息，无需修改
					feedback.deviceInfo = {
						appid: plus.runtime.appid,
						imei: plus.device.imei, //设备标识
						images: feedback.files, //图片文件
						p: mui.os.android ? 'a' : 'i', //平台类型，i表示iOS平台，a表示Android平台。
						md: plus.device.model, //设备型号
						app_version: plus.runtime.version,
						plus_version: plus.runtime.innerVersion, //基座版本号
						os: mui.os.version,
						net: '' + plus.networkinfo.getCurrentType()
					}
				});
				/**
				 *提交成功之后，恢复表单项 
				 */
//				feedback.clearForm = function() {
//					feedback.question.value = '';
//					//		feedback.contact.value = '';
//					feedback.imageList.innerHTML = '';
//					feedback.newPlaceholder();
//					feedback.files = [];
//					index = 0;
//					size = 0;
//					imageIndexIdNum = 0;
//					starIndex = 0;
//					//清除所有星标
//					mui('.icons i').each(function(index, element) {
//						if(element.classList.contains('mui-icon-star-filled')) {
//							element.classList.add('mui-icon-star')
//							element.classList.remove('mui-icon-star-filled')
//						}
//					})
//				};
				feedback.getFileInputArray = function() {
					return [].slice.call(feedback.imageList.querySelectorAll('.file'));
				};
				feedback.addFile = function(path) {
					feedback.files.push({
						name: "images" + index,
						path: path
					});
					index++;
				};
				/**
				 * 初始化图片域占位
				 */
				feedback.newPlaceholder = function() {
					var fileInputArray = feedback.getFileInputArray();
					if(fileInputArray &&
						fileInputArray.length > 0 &&
						fileInputArray[fileInputArray.length - 1].parentNode.classList.contains('space')) {
						return;
					};
					imageIndexIdNum++;
					var placeholder = document.createElement('div');
					placeholder.setAttribute('class', 'image-item space');
					//删除图片
					var closeButton = document.createElement('div');
					closeButton.setAttribute('class', 'image-close');
					closeButton.innerHTML = 'X';
					//小X的点击事件
					closeButton.addEventListener('tap', function(event) {
						setTimeout(function() {
							feedback.imageList.removeChild(placeholder);
						}, 0);
						return false;
					}, false);

					//
					var fileInput = document.createElement('div');
					fileInput.setAttribute('class', 'file');
					fileInput.setAttribute('id', 'image-' + imageIndexIdNum);
					fileInput.addEventListener('tap', function(event) {
						var self = this;
						var index = (this.id).substr(-1);

						plus.gallery.pick(function(e) {
							//				console.log("event:"+e);
							var name = e.substr(e.lastIndexOf('/') + 1);
//							console.log("name:" + name);

							plus.zip.compressImage({
								src: e,
								dst: '_doc/' + name,
								overwrite: true,
								quality: 50
							}, function(zip) {
								size += zip.size
//								console.log("filesize:" + zip.size + ",totalsize:" + size);
								if(size > (4 * 1024 * 1024)) {
									return mui.toast('文件超大,请重新选择~');
								}
								if(!self.parentNode.classList.contains('space')) { //已有图片
									console.log(1)
									feedback.files.splice(index - 1, 1, {
										name: "images" + index,
										path: e
									});
								} else { //加号
									console.log(2)
									placeholder.classList.remove('space');
									feedback.addFile(zip.target);
									feedback.newPlaceholder();
								}
								placeholder.style.backgroundImage = 'none';
								placeholder.style.backgroundImage = 'url(' + zip.target + ')';
								console.log(zip.target)
							}, function(zipe) {
								mui.toast('压缩失败！')
							});

						}, function(e) {
							//				mui.toast('取消选择');
						}, {});
					}, false);
					//		placeholder.appendChild(closeButton);
					if(self.photopath){
						placeholder.style.backgroundImage = 'url('+self.photopath+')';
					}
					placeholder.appendChild(fileInput);
					feedback.imageList.appendChild(placeholder);

				};
				feedback.newPlaceholder();
				feedback.submitBtn.addEventListener('tap', function(event) {
					console.log(self.name)
					if(feedback.question.value == '') {
						return mui.toast('信息填写不符合规范');
					}
					if(feedback.question.value.length > 200) {
						return mui.toast('信息超长,请重新填写~')
					}
					//判断网络连接
					if(plus.networkinfo.getCurrentType() == plus.networkinfo.CONNECTION_NONE) {
						return mui.toast("连接网络失败，请稍后再试");
					}
					feedback.send({
						footer: feedback.question.value,
						group: self.name,
						images: feedback.files,
//						score: '' + starIndex
					})
				}, false)
				feedback.send = function(content) {
					feedback.uploader = plus.uploader.createUpload(url, {
						method: 'POST'
					}, function(upload, status) {
						//			plus.nativeUI.closeWaiting()
						console.log("upload cb:" + upload.responseText);
						console.log("upload status:" + status);
						if(status == 200) {
							var data = JSON.parse(upload.responseText);
							//上传成功，重置表单
							if(data.ret === 0 && data.desc === 'Success') {
								mui.toast("上传成功");
							}
						} else {
							mui.toast("上传失败");
						}
					});
					//添加上传数据
					mui.each(content, function(index, element) {
						if(index !== 'images') {
//											console.log("addData:"+index+","+element);
							feedback.uploader.addData(index, element)
						}
					});
					//添加上传文件
					mui.each(feedback.files, function(index, element) {
						var f = feedback.files[index];
						console.log(f)
						//			console.log("addFile:"+JSON.stringify(f));
						feedback.uploader.addFile(f.path, {
							key: 'upicture'
						});
					});

					//开始上传任务
					feedback.uploader.start();
//					mui.alert("自定义成功，点击确定关闭", "自定义设置", "确定", function() {
////						feedback.clearForm();
//						mui.back();
//					});
				};
			})
		</script>
		<!--<script src="../js/systemmanage_usergroup_edit.js" type="text/javascript" charset="utf-8"></script>-->
	</body>

</html>