| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755 | 
							- <!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" />
 
- 		<!-- 引入APP样式 -->
 
- 		<link href="../css/app.css" rel="stylesheet" />
 
- 		<link rel="stylesheet" href="../css/app.new.css">
 
- 		<!-- 引入案件详情样式 -->
 
- 		<link rel="stylesheet" type="text/css" href="../css/case.info.css" />
 
- 		<!-- 引入腾讯字体 -->
 
- 		<link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
 
- 		<link rel="stylesheet" href="../fonts/font-time.css">
 
- 		<link rel="stylesheet" href="../fonts/font-jt.css">
 
- 		<style type="text/css">
 
- 			/* 图片样式 */
 
- 			.wc-camera-img {
 
- 				width: 50px;
 
- 				height: 50px;
 
- 				border: solid 1px #737383;
 
- 				border-radius: 5px;
 
- 				padding: 0px;
 
- 				float: left;
 
- 				margin-right: 10px;
 
- 			}
 
- 			/* 单选框 文字样式 */
 
- 			.mui-radio label {
 
- 				font-size: 14px;
 
- 				font-weight: bold;
 
- 			}
 
- 			/* 单选框 图标样式 */
 
- 			.mui-radio input[type=radio]:checked::before {
 
- 				content: '\e442';
 
- 			}
 
- 			/* 弹出对话框选择样式 */
 
- 			.dialog-select {
 
- 				color: #207218;
 
- 				font-weight: bold;
 
- 			}
 
- 			/* 弹出对话框取消样式 */
 
- 			.dialog-cancel {
 
- 				color: #000000;
 
- 				font-weight: bold;
 
- 			}
 
- 			/* 图标样式 */
 
- 			.mui-icon {
 
- 				font-size: 30px !important;
 
- 				display: flex;
 
- 				justify-content: end;
 
- 				text-align: center;
 
- 				background-color: #207218;
 
- 			}
 
- 			* {
 
- 				touch-action: none !important;
 
- 			}
 
- 		</style>
 
- 	</head>
 
- 	<body>
 
- 		<div class="mui-content">
 
- 			<div style="padding: 10px;">
 
- 				<div class="mui-segmented-control">
 
- 					<a class="mui-control-item" href="#item1" id="seg1">
 
- 						基础信息
 
- 					</a>
 
- 					<a class="mui-control-item mui-active" href="#item2" id="seg2">
 
- 						处理信息填报
 
- 					</a>
 
- 				</div>
 
- 			</div>
 
- 			<div class="mui-content-padded">
 
- 				<div class="mui-scroll-wrapper" style="top: 40px;">
 
- 					<div class="mui-scroll" style="padding: 10px;">
 
- 						<div id="item1" class="mui-control-content">
 
- 							<ul id="listTable" class="layui-timeline">
 
- 							</ul>
 
- 						</div>
 
- 						<div id="item2" class="mui-control-content mui-active">
 
- 							<h5 class="wc-title-normal wc-title-important">*违法情况</h5>
 
- 							<form class="mui-input-group">
 
- 								<div class="mui-input-row mui-radio mui-right">
 
- 									<label style="color: rgb(0, 0, 180);">合法合规</label>
 
- 									<input name="wflx" type="radio" value="0">
 
- 								</div>
 
- 								<div class="mui-input-row mui-radio mui-right">
 
- 									<label style="color: rgb(180, 0, 0);">违法违规</label>
 
- 									<input name="wflx" type="radio" value="1" checked="">
 
- 								</div>
 
- 							</form>
 
- 							<h5 class="wc-title-normal wc-title-important">*现场取证照片[左滑删除最后一张]</h5>
 
- 							<ul class="mui-table-view">
 
- 								<li class="mui-table-view-cell">
 
- 									<div class="mui-slider-right mui-disabled">
 
- 										<a class="mui-btn mui-btn-red mui-icon mui-icon-trash"
 
- 											onclick="RemoveImg()"></a>
 
- 									</div>
 
- 									<div id="imgPanel" class="mui-slider-handle">
 
- 										<img src="../img/ico_img_add.png" class="wc-camera-img"
 
- 											onclick="CallCameraDialog()">
 
- 									</div>
 
- 								</li>
 
- 							</ul>
 
- 							<h5 class="wc-title-normal">现场取证视频[左滑删除最后一个视频]</h5>
 
- 							<ul class="mui-table-view">
 
- 								<li class="mui-table-view-cell">
 
- 									<div class="mui-slider-right mui-disabled">
 
- 										<a class="mui-btn mui-btn-red mui-icon mui-icon-trash"
 
- 											onclick="RemoveVideo()"></a>
 
- 									</div>
 
- 									<div id="videoPanel" class="mui-slider-handle">
 
- 										<img src="../img/ico_video_add.png" class="wc-camera-img"
 
- 											onclick="CallCameraVideoDialog()">
 
- 									</div>
 
- 								</li>
 
- 							</ul>
 
- 							<h5 class="wc-title-normal">用地单位</h5>
 
- 							<div class="mui-input-row case-input-row">
 
- 								<input type="text" id="txtYDDW" placeholder="填写用地单位名称">
 
- 							</div>
 
- 							<h5 class="wc-title-normal">用地项目</h5>
 
- 							<div class="mui-input-row case-input-row">
 
- 								<input type="text" id="txtYDXM" placeholder="填写用地项目名称">
 
- 							</div>
 
- 							<h5 class="wc-title-normal wc-title-important">*处理意见</h5>
 
- 							<div class="mui-input-row case-input-row">
 
- 								<textarea rows="5" id="txtCLMS" placeholder="填写处理意见"></textarea>
 
- 							</div>
 
- 						</div>
 
- 					</div>
 
- 				</div>
 
- 			</div>
 
- 		</div>
 
- 		<!-- 拍照模式选择框 底部弹出 -->
 
- 		<div id="cameraDialog" class="mui-popover mui-popover-action mui-popover-bottom">
 
- 			<ul class="mui-table-view">
 
- 				<li class="mui-table-view-cell">
 
- 					<a href="#" onclick="CallCamera()">
 
- 						<font class="dialog-select">拍摄现场取证照片</font>
 
- 					</a>
 
- 				</li>
 
- 				<li class="mui-table-view-cell">
 
- 					<a href="#" onclick="CallPhotos()">
 
- 						<font class="dialog-select">从相册种选取</font>
 
- 					</a>
 
- 				</li>
 
- 			</ul>
 
- 			<ul class="mui-table-view">
 
- 				<li class="mui-table-view-cell">
 
- 					<a href="#cameraDialog">
 
- 						<font class="dialog-cancel">取消</font>
 
- 					</a>
 
- 				</li>
 
- 			</ul>
 
- 		</div>
 
- 		<!-- 录像模式选择框 底部弹出 -->
 
- 		<div id="videoDialog" class="mui-popover mui-popover-action mui-popover-bottom">
 
- 			<ul class="mui-table-view">
 
- 				<li class="mui-table-view-cell">
 
- 					<a href="#" onclick="CallCameraVideo()">
 
- 						<font class="dialog-select">录制取证视频</font>
 
- 					</a>
 
- 				</li>
 
- 			</ul>
 
- 			<ul class="mui-table-view">
 
- 				<li class="mui-table-view-cell">
 
- 					<a href="#videoDialog">
 
- 						<font class="dialog-cancel">取消</font>
 
- 					</a>
 
- 				</li>
 
- 			</ul>
 
- 		</div>
 
- 	</body>
 
- </html>
 
- <script src="../js/mui.js"></script>
 
- <!-- 引入网络交互脚本 -->
 
- <script src="../js/ajax.js"></script>
 
- <!-- 引入通用脚本 -->
 
- <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
 
- <!-- 引入webview脚本 -->
 
- <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
 
- <!-- 引入存储脚本 -->
 
- <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
 
- <!-- 引入案件脚本 -->
 
- <script src="../js/case.js" type="text/javascript" charset="utf-8"></script>
 
- <!-- 引入案件详情脚本 -->
 
- <script src="../js/case-info.js" type="text/javascript" charset="utf-8"></script>
 
- <!-- 引入弹框脚本 -->
 
- <script src="../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
 
- <script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
 
- <script type="text/javascript">
 
- 	mui.init();
 
- 	/* DOM定义 */
 
- 	var domTable = document.getElementById("listTable");
 
- 	var domSeg1 = document.getElementById("seg1");
 
- 	var domSeg2 = document.getElementById("seg2");
 
- 	var domItem1 = document.getElementById("item1");
 
- 	var domItem2 = document.getElementById("item2");
 
- 	var domTxtCLMS = document.getElementById("txtCLMS");
 
- 	var domTxtYDDW = document.getElementById("txtYDDW");
 
- 	var domTxtYDXM = document.getElementById("txtYDXM");
 
- 	/* 变量定义 */
 
- 	var joinCaseModel = undefined; //本页关联的案件模型 从上一页面传递过来
 
- 	var joinUser = undefined; //本地存储的账户信息
 
- 	/* 设置滚动条 否则无法滚动 */
 
- 	mui(".mui-scroll-wrapper").scroll({
 
- 		scrollY: true, //是否竖向滚动  
 
- 		scrollX: true, //是否横向滚动  
 
- 		startX: 0, //初始化时滚动至x  
 
- 		startY: 0, //初始化时滚动至y  
 
- 		indicators: false, //是否显示滚动条  
 
- 		deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏  
 
- 		bounce: false, //是否启用回弹  
 
- 	});
 
- 	/* 页面初始化 */
 
- 	plusInit(function() {
 
- 		/* 获取本地存储的用户信息 */
 
- 		getSaveUserInfo({
 
- 			success: function(resUserInfo) {
 
- 				joinUser = resUserInfo;
 
- 				userInfo = joinUser;
 
- 				var self = plus.webview.currentWebview();
 
- 				joinCaseModel = self;
 
- 				resetPage(joinCaseModel);
 
- 			},
 
- 			error: function(err) {
 
- 				muiAlertError(err);
 
- 			}
 
- 		});
 
- 	})
 
- 	/** 
 
- 	 * 自定义事件监听
 
- 	 * @param {Object} event 事件
 
- 	 */
 
- 	window.addEventListener("new", function(event) {
 
- 		joinCaseModel = event.detail;
 
- 		resetPage(joinCaseModel);
 
- 	});
 
- 	/**
 
- 	 * 刷新页面 获取详细信息数据
 
- 	 * @param {Object} caseModel 传递的模型数据
 
- 	 */
 
- 	function resetPage(caseModel) {
 
- 		//重置顶部标题栏内容
 
- 		plus.webview.currentWebview().setStyle({
 
- 			"titleNView": {
 
- 				backgroundColor: colorBackground,
 
- 				titleColor: colorTitle,
 
- 				titleText: "案件处理",
 
- 				splitLine: {
 
- 					color: colorLine
 
- 				},
 
- 				autoBackButton: true,
 
- 				buttons: [{
 
- 					'float': 'right',
 
- 					fontSrc: '../fonts/iconfont.ttf',
 
- 					text: '\uec23',
 
- 					onclick: EventCaseCheckSubmit,
 
- 				}, {
 
- 					'float': 'right',
 
- 					fontSrc: '../fonts/iconfont.ttf',
 
- 					text: '\uec08',
 
- 					onclick: EventPageReload,
 
- 				}]
 
- 			}
 
- 		});
 
- 		//删除所有子节点
 
- 		domTable.innerHTML = "";
 
- 		/* 联网获取该案件的生命周期信息 */
 
- 		var iData = {
 
- 			casenum: caseModel.casenum,
 
- 		}
 
- 		sendAjax({
 
- 			url: 'appQueryCaseLifes',
 
- 			type: 'post',
 
- 			data: iData,
 
- 			waitMessage: '正在查询案件明细...',
 
- 			success: function(resData) {
 
- 				for (let caseLife of resData[0].caseLifes) {
 
- 					var li = CreateItem(caseLife);
 
- 					domTable.appendChild(li);
 
- 				}
 
- 				//加载最后一项
 
- 				var li = CtreateNextLi(caseModel.state);
 
- 				domTable.appendChild(li);
 
- 			},
 
- 			error: function(err) {
 
- 				muiAlertError(err);
 
- 			},
 
- 			nodata: function(msg) {
 
- 				muiAlert(msg, "警告");
 
- 			}
 
- 		})
 
- 		/* 切换选项卡 主要是第二次加载时页面已经存在 */
 
- 		mui.trigger(domSeg2, 'touchstart');
 
- 		mui.trigger(domSeg2, 'tap');
 
- 	}
 
- 	var item1ScrollY = 0,
 
- 		item2ScrollY = 0;
 
- 	/**
 
- 	 * 选项卡1点击监听
 
- 	 */
 
- 	domSeg1.addEventListener('tap', function() {
 
- 		//记录2的位置 滚到1记录的位置
 
- 		item2ScrollY = mui(".mui-scroll-wrapper").scroll().y;
 
- 		mui(".mui-scroll-wrapper").scroll().scrollTo(0, item1ScrollY, 100);
 
- 	});
 
- 	/**
 
- 	 * 选项卡2点击监听
 
- 	 */
 
- 	domSeg2.addEventListener('tap', function() {
 
- 		//记录1的位置 滚动2记录的位置
 
- 		item1ScrollY = mui(".mui-scroll-wrapper").scroll().y;
 
- 		mui(".mui-scroll-wrapper").scroll().scrollTo(0, item2ScrollY, 100);
 
- 	});
 
- 	/**
 
- 	 * 页面初始化
 
- 	 */
 
- 	function pageReload() {
 
- 		cameraFiles = []; //上传的照片文件
 
- 		videoFiles = []; //上传的视频文件
 
- 		copyToFiels = []; //拷贝的照片文件
 
- 		compressFiels = []; //压缩的照片文件
 
- 		domTxtCLMS.value = ""; //填写的处理意见
 
- 		domTxtYDDW.value = ""; //填写的用地单位
 
- 		domTxtYDXM.value = ""; //填写的用地项目
 
- 		caseCheckSubmitModel.clms = ""; //上传模型初始化 处理描述
 
- 		caseCheckSubmitModel.userCompany = ""; //上传模型初始化 用地单位
 
- 		caseCheckSubmitModel.userItem = ""; //上传模型初始化 用地项目
 
- 		//重置照片DOM
 
- 		if (domImgPanel.childNodes.length > 3) {
 
- 			for (var i = 0; i < domImgPanel.childNodes.length - 1; i++) {
 
- 				domImgPanel.removeChild(domImgPanel.childNodes[0]);
 
- 			}
 
- 		}
 
- 		//重置视频DOM
 
- 		if (domVideoPanel.childNodes.length > 3) {
 
- 			for (var i = 0; i < domVideoPanel.childNodes.length - 1; i++) {
 
- 				domVideoPanel.removeChild(domVideoPanel.childNodes[0]);
 
- 			}
 
- 		}
 
- 		//重置违法类型选择
 
- 		var chkBox = document.getElementsByName('wflx');
 
- 		chkBox[1].checked = true;
 
- 	};
 
- 	/**
 
- 	 * 重置案件填写页面
 
- 	 */
 
- 	function EventPageReload() {
 
- 		muiConfirm('重置会导致所填写信息全部丢失,确定重置吗?', '重置', function() {
 
- 			pageReload();
 
- 		});
 
- 	}
 
- 	/* 以下是拍照相关 */
 
- 	/* 变量定义-文件模型*/
 
- 	var cameraFiles = [];
 
- 	var domImgPanel = document.getElementById("imgPanel");
 
- 	/**
 
- 	 * 打开或隐藏拍照对话框
 
- 	 */
 
- 	function CallCameraDialog() {
 
- 		mui.plusReady(function() {
 
- 			mui('#cameraDialog').popover('toggle');
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 调用系统相机拍照
 
- 	 */
 
- 	function CallCamera() {
 
- 		mui.plusReady(function() {
 
- 			var strDate = new Date().Format("yyyyMMddHHmmss");
 
- 			//预定义照片名称
 
- 			var photoName = "cl_" + joinUser.userID + "_" + strDate + ".jpg";
 
- 			var tName = "cl_ys_" + joinUser.userID + "_" + strDate + '.jpg';
 
- 			mui('#cameraDialog').popover('toggle');
 
- 			var camera = plus.camera.getCamera();
 
- 			camera.captureImage(function(path) {
 
- 				plus.gallery.save(path, function() {
 
- 					//追加到照片数组中 以便上传时使用
 
- 					cameraFiles.splice(0, 0, {
 
- 						path: path,
 
- 						name: photoName,
 
- 					});
 
- 					//压缩一个缩略图 给展示照片用
 
- 					plus.zip.compressImage({
 
- 						src: path,
 
- 						dst: '_doc/camera/' + tName,
 
- 						quality: 20,
 
- 					}, function() {
 
- 						AddPhotoItem('_doc/camera/' + tName);
 
- 					}, function(e) {
 
- 						muiAlertError("错误:" + e.message);
 
- 					})
 
- 				}, function(e) {
 
- 					printToConsole("照片保存失败!");
 
- 				});
 
- 			}, function(e) {
 
- 				printToConsole("取消拍照!");
 
- 			}, {
 
- 				filename: '_doc/camera/' + photoName,
 
- 				index: 1,
 
- 			});
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 添加拍摄照片到控件中显示
 
- 	 * @param {Object} path
 
- 	 */
 
- 	function AddPhotoItem(path) {
 
- 		//此处需要将相机返回的路径转换为本地路径 否则无法正常显示
 
- 		plus.io.resolveLocalFileSystemURL(path, function(entry) {
 
- 			var domImg = document.createElement('img');
 
- 			domImg.className = 'wc-camera-img';
 
- 			domImg.src = entry.toLocalURL();
 
- 			//点击打开照片
 
- 			domImg.onclick = function() {
 
- 				plus.nativeUI.previewImage([entry.toLocalURL()], {
 
- 					indicator: 'number',
 
- 					loop: true,
 
- 				});
 
- 			}
 
- 			domImgPanel.insertBefore(domImg, domImgPanel.childNodes[0]);
 
- 		}, function(e) {
 
- 			printToConsole("路径转换失败!");
 
- 		});
 
- 	}
 
- 	/* 需要转存的图片数组 */
 
- 	var copyToFiels = [];
 
- 	var copyToDate = undefined;
 
- 	/**
 
- 	 * 调用相册
 
- 	 */
 
- 	function CallPhotos() {
 
- 		mui.plusReady(function() {
 
- 			mui('#cameraDialog').popover('toggle');
 
- 			plus.gallery.pick(function(e) {
 
- 				//此处不能使用for循环 会导致失败
 
- 				copyToDate = new Date().Format("yyyyMMddHHmmss"); //拷贝文件前缀 定义公共变量 是为了保证唯一性
 
- 				copyToFiels = e.files;
 
- 				copyToFile(0);
 
- 			}, function(e) {
 
- 				printToConsole("取消选择");
 
- 			}, {
 
- 				filter: 'image',
 
- 				multiple: true,
 
- 				system: false,
 
- 				maximum: 3,
 
- 				onmaxed: function() {
 
- 					muiAlert("最多选择三张照片!");
 
- 				}
 
- 			});
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 拷贝文件
 
- 	 * @param {Object} num 文件编号
 
- 	 */
 
- 	function copyToFile(num) {
 
- 		var fileOldPath = copyToFiels[num]; //拷贝文件的目录
 
- 		plus.io.resolveLocalFileSystemURL(fileOldPath, function(fileEntry) {
 
- 			plus.io.resolveLocalFileSystemURL("_doc/camera/", function(root) {
 
- 				var photoName = "cl_" + joinUser.userID + "_" + copyToDate + "_" + num + ".jpg";
 
- 				fileEntry.copyTo(root, photoName, function(newFileEntry) {
 
- 					//当前文件拷贝成功 加入压缩目录
 
- 					compressFiels.push(newFileEntry.fullPath);
 
- 					if (num == copyToFiels.length - 1) {
 
- 						//全部拷贝完成
 
- 						copyToFiels = [];
 
- 						compress(0); //开始压缩文件 为显示作准备
 
- 					} else {
 
- 						copyToFile(num + 1);
 
- 					}
 
- 				}, function(e) {
 
- 					muiAlert("文件转存失败,请重新选择照片!")
 
- 					copyToFiels = [];
 
- 				})
 
- 			}, function(err) {
 
- 				muiAlert("目录获取失败,请检查应用的存储权限!")
 
- 				copyToFiels = [];
 
- 			});
 
- 		}, function(err) {
 
- 			muiAlert("目录获取失败,请检查应用的存储权限!")
 
- 			copyToFiels = [];
 
- 		})
 
- 	}
 
- 	/* 需要压缩的图片数组 */
 
- 	var compressFiels = [];
 
- 	/**
 
- 	 * @param {Object} num 压缩图片
 
- 	 */
 
- 	function compress(num) {
 
- 		var path = compressFiels[num];
 
- 		plus.io.resolveLocalFileSystemURL(path, function(entry) {
 
- 			//追加到照片数组中 以便上传时使用 多张
 
- 			cameraFiles.splice(0, 0, {
 
- 				path: path,
 
- 				name: entry.name,
 
- 			});
 
- 			plus.zip.compressImage({
 
- 				src: path,
 
- 				dst: '_doc/camera/YS' + entry.name,
 
- 				quality: 20,
 
- 				overwrite: true, //覆盖生成新文件
 
- 			}, function(event) {
 
- 				AddPhotoItem(event.target);
 
- 				if (num == compressFiels.length - 1) {
 
- 					//压缩完成
 
- 					compressFiels = [];
 
- 				} else {
 
- 					compress(num + 1);
 
- 				}
 
- 			}, function(e) {
 
- 				muiAlertError("文件压缩错误: " + e.message);
 
- 			})
 
- 		}, function(e) {
 
- 			printToConsole("路径转换失败!");
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 删除最后一个追加的照片
 
- 	 */
 
- 	function RemoveImg() {
 
- 		if (domImgPanel.childNodes.length > 2) {
 
- 			//删除最后张拍摄的照片
 
- 			domImgPanel.removeChild(domImgPanel.childNodes[0]);
 
- 			//删除数组中的最后一个
 
- 			cameraFiles.splice(0, 1);
 
- 		}
 
- 		mui.plusReady(function() {
 
- 			setTimeout(function() {
 
- 				mui.swipeoutClose(domImgPanel.parentNode);
 
- 			}, 0);
 
- 		});
 
- 	}
 
- 	/******以下是录像相关*********************************************/
 
- 	var videoFiles = [];
 
- 	var domVideoPanel = document.getElementById("videoPanel");
 
- 	/**
 
- 	 * 打开或隐藏视频录制对话框
 
- 	 */
 
- 	function CallCameraVideoDialog() {
 
- 		mui.plusReady(function() {
 
- 			mui('#videoDialog').popover('toggle');
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 开启录制视频
 
- 	 */
 
- 	function CallCameraVideo() {
 
- 		mui.plusReady(function() {
 
- 			var strDate = new Date().Format("yyyyMMddHHmmss");
 
- 			//预定义照片名称
 
- 			var videoName = "cl_" + joinUser.userID + "_" + strDate;
 
- 			var cmr = plus.camera.getCamera(); //获取相机
 
- 			mui('#videoDialog').popover('toggle'); //关闭弹出框
 
- 			//开启录像
 
- 			cmr.startVideoCapture(function(path) {
 
- 				AddVideoItem(path);
 
- 			}, function(e) {
 
- 				muiAlertError(e.message);
 
- 			}, {
 
- 				filename: '_doc/video/' + videoName,
 
- 				index: 1,
 
- 			})
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 添加录制视频到控件中显示
 
- 	 * @param {Object} path
 
- 	 */
 
- 	function AddVideoItem(path) {
 
- 		//此处需要将相机返回的路径转换为本地路径 否则不发正常显示
 
- 		plus.io.resolveLocalFileSystemURL(path, function(entry) {
 
- 			//追加到照片数组中 以便上传时使用
 
- 			videoFiles.splice(0, 0, {
 
- 				path: path,
 
- 				name: entry.name,
 
- 			});
 
- 			var domImg = document.createElement('img');
 
- 			domImg.className = 'wc-camera-img';
 
- 			domImg.src = '../img/ico_net_video.png';
 
- 			//点击打开照片
 
- 			domImg.onclick = function() {
 
- 				plus.runtime.openFile(path);
 
- 			}
 
- 			domVideoPanel.insertBefore(domImg, domVideoPanel.childNodes[0]);
 
- 		}, function(e) {
 
- 			printToConsole("路径转换失败!");
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 删除最后一个追加的视频
 
- 	 */
 
- 	function RemoveVideo() {
 
- 		if (domVideoPanel.childNodes.length > 2) {
 
- 			//删除最后张拍摄的照片
 
- 			domVideoPanel.removeChild(domVideoPanel.childNodes[0]);
 
- 			//删除数组中的最后一个
 
- 			videoFiles.splice(0, 1);
 
- 		}
 
- 		mui.plusReady(function() {
 
- 			setTimeout(function() {
 
- 				mui.swipeoutClose(domVideoPanel.parentNode);
 
- 			}, 0);
 
- 		});
 
- 	}
 
- 	/**
 
- 	 * 单选框 获取值
 
- 	 * @param {Object} radioName raido的name字段
 
- 	 */
 
- 	function radioChecked(radioName) {
 
- 		var obj = document.getElementsByName(radioName);
 
- 		for (var i = 0; i < obj.length; i++) {
 
- 			if (obj[i].checked) {
 
- 				return obj[i].value;
 
- 			}
 
- 		}
 
- 		return "";
 
- 	}
 
- 	/*************上传相关**********************/
 
- 	var caseCheckSubmitModel = {
 
- 		casenum: '', //案件号
 
- 		isBackTheLaw: '1', //是否违法
 
- 		clry: '', //处理人员
 
- 		clms: '', //处理描述
 
- 		userItem: '', //占地项目
 
- 		userCompany: '', //占地单位
 
- 	}
 
- 	/**
 
- 	 * 上传数据
 
- 	 */
 
- 	function EventCaseCheckSubmit() {
 
- 		if (CheckSubmitInfo()) {
 
- 			muiConfirm("确定要提交处理信息吗?", '提交', function() {
 
- 				CaseCheckInfoUpload();
 
- 			});
 
- 		}
 
- 	}
 
- 	/**
 
- 	 * 上传文件及数据
 
- 	 */
 
- 	function CaseCheckInfoUpload() {
 
- 		getServerURL("appCaseCheck", function(url) {
 
- 			waitingDialog = plus.nativeUI.showWaiting("正在上传处理信息...");
 
- 			var task = plus.uploader.createUpload(url, {
 
- 					method: 'POST'
 
- 				},
 
- 				function(t, status) {});
 
- 			//追加上传的照片文件
 
- 			for (var i = 0; i < cameraFiles.length; i++) {
 
- 				task.addFile(cameraFiles[i].path, {
 
- 					key: cameraFiles[i].name
 
- 				});
 
- 			}
 
- 			//追加上传的视频文件
 
- 			for (var i = 0; i < videoFiles.length; i++) {
 
- 				task.addFile(videoFiles[i].path, {
 
- 					key: videoFiles[i].name
 
- 				});
 
- 			}
 
- 			//追加数据 已JSON字符串的方式传递
 
- 			for (var key in caseCheckSubmitModel) {
 
- 				task.addData(key, caseCheckSubmitModel[key]);
 
- 			}
 
- 			// task.addData("client", JSON.stringify(caseCheckSubmitModel));
 
- 			//添加一个监听事件试试
 
- 			task.addEventListener('statechanged', listnerOnStateChange, false);
 
- 			task.start();
 
- 		}, function(e) {
 
- 			muiAlert(e, "警告");
 
- 		});
 
- 	}
 
- 	/* 等待框 */
 
- 	var waitingDialog = undefined;
 
- 	/**
 
- 	 * 监听上传进度
 
- 	 * @param {Object} upload 任务
 
- 	 * @param {Object} status 状态
 
- 	 */
 
- 	function listnerOnStateChange(upload, status) {
 
- 		if (upload.state == 3) {
 
- 			var uploadedSize = upload.uploadedSize;
 
- 			var totalSize = upload.totalSize;
 
- 			var progressValue = (uploadedSize / totalSize) * 100;
 
- 			var progressJD = progressValue.toFixed(2) + "%";
 
- 			waitingDialog.setTitle("信息上传进度 " + progressJD);
 
- 		} else if (upload.state == 4 && status == 200) {
 
- 			plus.nativeUI.closeWaiting();
 
- 			if (status == 200) {
 
- 				//返回的t.responseText是字符串 需要转换为JSONObject
 
- 				var resJSON = JSON.parse(upload.responseText);
 
- 				if (resJSON.res == NET_ERR) {
 
- 					muiAlert(resJSON.data[0].msg, "警告");
 
- 				} else {
 
- 					muiAlert(resJSON.data[0].msg, "提示", function() {
 
- 						//回调父页面的方法 通过页面的evaJS方法调用对应方法
 
- 						plus.webview.currentWebview().opener().evalJS("refreshDataTable('" + joinCaseModel
 
- 							.casenum + "')");
 
- 						plus.webview.currentWebview().close();
 
- 					});
 
- 				}
 
- 			} else {
 
- 				muiAlert("网络异常,上传失败!", "警告");
 
- 			}
 
- 		}
 
- 	}
 
- 	/**
 
- 	 * 检测上传的处理信息是否完整
 
- 	 */
 
- 	function CheckSubmitInfo() {
 
- 		//赋值
 
- 		caseCheckSubmitModel.isBackTheLaw = radioChecked('wflx');
 
- 		caseCheckSubmitModel.casenum = joinCaseModel.casenum;
 
- 		caseCheckSubmitModel.clms = domTxtCLMS.value;
 
- 		caseCheckSubmitModel.userItem = domTxtYDXM.value;
 
- 		caseCheckSubmitModel.userCompany = domTxtYDDW.value;
 
- 		caseCheckSubmitModel.clry = joinUser.userID;
 
- 		if (caseCheckSubmitModel.isBackTheLaw == "") {
 
- 			muiAlert("请选择案件违法类型!", "提示");
 
- 			return false;
 
- 		} else if (caseCheckSubmitModel.casenum == "") {
 
- 			muiAlert("未关联案件号!", "警告");
 
- 			return;
 
- 		} else if (cameraFiles.length == 0) {
 
- 			muiAlert("请拍摄取证照片!", "提示");
 
- 			return false;
 
- 		} else if (caseCheckSubmitModel.clms == "") {
 
- 			muiAlert("请填写处理意见!", "提示");
 
- 			domTxtCLMS.focus();
 
- 			return false;
 
- 		} else if (caseCheckSubmitModel.clry == "" || caseCheckSubmitModel.clry == undefined) {
 
- 			muiAlert("关联账号异常,请重新登录APP!", "提示");
 
- 			return false;
 
- 		}
 
- 		return true;
 
- 	}
 
- </script>
 
 
  |