cixizhengqian
/
cx-wed


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871
							
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="./jquery.min.js"></script>
		<script type="text/javascript" src="./collective.json"></script>
        <meta http-equiv="Cache-Control" content="no-store" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" />
        <title>捷易拍OCX控件测试程序</title>
        <link rel="stylesheet" href="./new_file.css">
        <script type="text/javascript">
            $(function(){
				//获取当前项目内容
                load();
                // $("#contractCode").text(decodeURI(contractCode));
                // $("#userName").text(decodeURI(userName));
				
				})
            // 接口
			var Url = window.location.search.substring(66)
            // 获取token
            var token = window.location.search.substring(33, 65);
            // 获取id
            var fileId = window.location.search.substring(1, 33);
			//获取类型
			var projectType=window.location.search.substring(65,66)
            // //上传文件的路径
            // var ziliaourl = "";
            //本地存储路径
            var savePath = "d:\\扫描件\\";
            //户主姓名
            var hzname = "";
            //户主身份证
            var hzsfz = "";
			//文件目录
			var list = []
			//项目信息
			var information={}
            //文件名
            var filename = "";
            //文件类型
            var filetype = "";
            var filePath = "";
            var Selectid = "";
            var xmbh = "${xmbh}";
            var stats = "${stats}";
			
            $.ajaxSetup({
                // 所有ajax请求发送之后，都会执行以下的函数
                beforeSend: function(xhr) {
                    //xhr是原生ajax中网络请求对象，jQuery中已经封装好的
                    // 利用请求头携带token数据
                    xhr.setRequestHeader('token', token)
                }
            })
			getdata()


            // function seach(red) {}
            //打开摄像头
            function load() {
                //初始化的时候 先在d盘创建一个文件夹
                captrue.bCreateDir("D:\\扫描件");
                //停止视频源
                captrue.bStopPlay();
                //设置旋转角度
                captrue.vSetRotate(90);
                //显示主视频源
                captrue.bStartPlay();
                //设置可以旋转的摄像头
                //            captrue.bStartPlayRotate(90);
                //设置切黑边
                captrue.vSetDelHBFlag(true);
                //设置矫正
                captrue.vSetSkewFlag(true);
                //设置自动截取
                captrue.bSetMode(3);
                //设置拍摄照片的分辨率 默认为0.99
                captrue.bSetIamgeXYZoom(0.99); //把图片分辨率缩小为原来的 0.99倍
				//获取当前项目名称
            };
			//获取项目信息
			function getdata(){
				var xhr = new XMLHttpRequest();
				if(projectType==0){
					xhr.open("get",Url + "api/auth/projectformal/info/"+fileId);
				}else{
					xhr.open("get",Url + "api/auth/householdcx/info/"+fileId);
				}
				xhr.setRequestHeader("token", token);
				xhr.send();
				xhr.onreadystatechange = function(res) {
					// console.log(res)
					// console.log(xhr)
				if (xhr.readyState === 4 && xhr.status === 200) {
					if(projectType==0){
						information=JSON.parse(xhr.response).projectFormal
						getprojectName();
					}else{
						information=JSON.parse(xhr.response).householdCx
						gethouseholdName()
					}
					getlist();
					}
				}
				xhr.onerror = function(error) {
				console.log(error)
				}
			}
            //获取项目名称
            function getprojectName() {
                // var names = ziliaourl.split("\\");
                hzname = information.projectName;
				
				$("#title").text('项目信息');
				$("#projectName").text(hzname);
				$("#titleName1").text('');
				$("#titleName2").text('');
            }
			//获取户名称
			function gethouseholdName() {
			    // var names = ziliaourl.split("\\");
			    hzname = information.householderName;
				hzsfz=information.householderIdCard;
				$("#title").text('户信息');
				$("#titleName").text('');
				$("#projectName1").text(hzname);
				$("#projectName2").text(hzsfz);
				console.log(information)
			}
			function getlist(){
				if(projectType==0){
					if(information.signingType=='新土地管理法实施后'){
						list=collectiveFront
						if(information.early=='是'){list.unshift(advance)}
					}else{
						list=collectiveAfter
						if(information.early=='是'){list.unshift(advance)}
					}
				}else{
					list=household
				}
					
				function MyTree(list, rootId) {
				        // 简单的深拷贝
				        this.list = copyArr(list);
				        this.rootId = rootId;
				        this.nodesMap = {};
				        this.treeData = [];
				    }
				    // 深拷贝
				    function copyArr(arr) {
				        var res = []
				            console.log(arr.length)
				        for (var i = 0; i < arr.length; i++) {
				            res.push(arr[i])
				        }
				        return res
				    }
				    MyTree.prototype = {
				        init: function () {
				            this.treeData = this.initTreeData(this.list);
				            for (var i = 0; i < this.treeData.length; i++) {
				                this.createDom(this.treeData[i]);
				            }
				        },
				
				        // 将数组初始化为树结构
				        initTreeData: function (arr) {
				            console.log(arr)
				            for (var i = 0; i < arr.length; i++) {
				                this.nodesMap[arr[i].id] = arr[i];
				            }
				            var reArr = [];
				            for (var i = 0; i < arr.length; i++) {
				                arr[i]['showChilds'] = true;
				                // if (!this.nodesMap[arr[i].fatherId]) reArr.push(arr[i]);
				                // else {
				                //     var fatherNode = this.nodesMap[arr[i].fatherId];
				                //     fatherNode.childs = fatherNode.childs || [];
				                //     fatherNode.childs.push(arr[i]);
				                // }
				            }
				            reArr = list;
				            return reArr;
				        },
				
				        // 根据数组渲染树
				        createDom: function (data) {
				            var self = this;
				            var fatherDom = document.getElementById(this.rootId+"-my-tree-"+data.fatherId);
				            // 虚拟根节点
				            if (!fatherDom) fatherDom = document.getElementById(this.rootId);
				            var dom = document.createElement("div");
				            dom.id = this.rootId+"-my-tree-"+data.id;
				            dom.className = 'treeItem';
				            var iconDom = document.createElement("div");
				            iconDom.id = this.rootId+"-my-tree-icon-"+data.id;
				            iconDom.className = "itemIcon";
				            iconDom.innerHTML = "-";
				            // if (data.showChilds) iconDom.innerHTML = "-";
				            // else iconDom.innerHTML = "+";
				            var inputDom = document.createElement("input");
				            inputDom.id = this.rootId+"-my-tree-inputDom-"+data.id;
				            inputDom.type = "radio";
				            inputDom.name = "fileRadio";
				            inputDom.value = data.fatherName + '/' + data.fileName;
				            if(data.children.length != 0){
				                dom.appendChild(iconDom);
				            }else{
				                dom.appendChild(inputDom);
				            }
				            dom.innerHTML += data.fileName;
				            fatherDom.appendChild(dom);
				            iconDom = document.getElementById(this.rootId+"-my-tree-icon-"+data.id);
				            if(iconDom){
				                iconDom.onclick = function () {
				                    self.iconClickHandler(iconDom);
				                };
				            }
				            inputDom = document.getElementById(this.rootId+"-my-tree-inputDom-"+data.id);
				            if(inputDom){
				                inputDom.onclick = function () {
									Selectid=data.id
				                    filetype = data.fileName;
				                    filePath = inputDom.value;
				                };
				            }
				            // 递归渲染子树
				            if (data.children && data.children.length > 0) {
				                for (var i = 0; i < data.children.length; i++) this.createDom(data.children[i]);
				            }
				        },
				        iconClickHandler: function(dom) {
				            if (!dom || !dom.id) return;
				            var id = dom.id;
				            if (id.indexOf("my-tree-icon-") == -1) return;
				            id = id.substring(id.indexOf("my-tree-icon-") + 13);
				            var node = this.nodesMap[id];
				            if (!node) return;
				            if (node.showChilds) {
				                this.hideHandler(dom);
				                dom.innerHTML = "+";
				            } else {
				                this.showHandler(dom);
				                dom.innerHTML = "-";
				            }
				        },
				
				        // 隐藏子树
				        hideHandler: function (dom) {
				            if (!dom || !dom.id) return;
				            var id = dom.id;
				            if (id.indexOf("my-tree-icon-") == -1) return;
				            id = id.substring(id.indexOf("my-tree-icon-") + 13);
				            var node = this.nodesMap[id];
				            if (!node) return;
				            var children = node.children;
				            if (!children) return;
				            node.showChilds = false;
				            for (var i = 0; i < children.length; i++) {
				                var childDom = document.getElementById(this.rootId+"-my-tree-"+children[i].id);
				                if (!childDom) continue;
				                childDom.style.display = 'none';
				                var childIconDom = document.getElementById(this.rootId+"-my-tree-icon-"+children[i].id);
				                this.hideHandler(childIconDom);
				            }
				        },
				
				        // 渲染子树
				        showHandler: function (dom) {
				            if (!dom || !dom.id) return;
				            var id = dom.id;
				            if (id.indexOf("my-tree-icon-") == -1) return;
				            id = id.substring(id.indexOf("my-tree-icon-") + 13);
				            var node = this.nodesMap[id];
				            if (!node) return;
				            var children = node.children;
				            if (!children) return;
				            node.showChilds = true;
				            for (var i = 0; i < children.length; i++) {
				                var childDom = document.getElementById(this.rootId+"-my-tree-"+children[i].id);
				                if (!childDom) continue;
				                childDom.style.display = 'block';
				                var childIconDom = document.getElementById(this.rootId+"-my-tree-icon-"+children[i].id);
				                var childNode = this.nodesMap[children[i].id];
				                // childIconDom.innerHTML = "+";
				                // 递归渲染子树
				                this.hideHandler(childIconDom);
				            }
				        }
				    }
				
				    var myTree0 = new MyTree(list, "my-tree-root0");
				    myTree0.init();
			}
            var xzcs = 1;
            //旋转摄像头
            function rotateMain() {
                if (xzcs == 1) {
                    //停止视频源
                    captrue.bStopPlay();
                    //设置旋转角度
                    captrue.vSetRotate(0);
                    //显示主视频源
                    captrue.bStartPlay();
                    //设置自动截取
                    captrue.bSetMode(3);
                    //把图片分辨率缩小为原来的 0.7倍
                    captrue.bSetIamgeXYZoom(0.65);
                    xzcs++;
                    alert("当前角度为0度");
                } else if (xzcs == 2) {
                    //停止视频源
                    captrue.bStopPlay();
                    //设置旋转角度
                    captrue.vSetRotate(90);
                    //显示主视频源
                    captrue.bStartPlay();
                    //设置自动截取
                    captrue.bSetMode(3);
                    //把图片分辨率缩小为原来的 0.99倍
                    captrue.bSetIamgeXYZoom(0.99);
                    xzcs++;
                    alert("当前角度为90度");
                } else if (xzcs == 3) {
                    //停止视频源
                    captrue.bStopPlay();
                    //设置旋转角度
                    captrue.vSetRotate(180);
                    //显示主视频源
                    captrue.bStartPlay();
                    //设置自动截取
                    captrue.bSetMode(3);
                    //把图片分辨率缩小为原来的 0.7倍
                    captrue.bSetIamgeXYZoom(0.99);
                    xzcs++;
                    alert("当前角度为180度");
                } else if (xzcs == 4) {
                    //停止视频源
                    captrue.bStopPlay();
                    //设置旋转角度
                    captrue.vSetRotate(270);
                    //显示主视频源
                    captrue.bStartPlay();
                    //设置自动截取
                    captrue.bSetMode(3);
                    //把图片分辨率缩小为原来的 0.99倍
                    captrue.bSetIamgeXYZoom(0.99);
                    xzcs = 1;
                    alert("当前角度为270度");
                }
            }

            //重启摄像头
            function restartPlay() {
                //停止视频源
                captrue.bStopPlay();
                //设置旋转角度
                captrue.vSetRotate(90);
                //显示主视频源
                captrue.bStartPlay();
                //            captrue.bStartPlayRotate(270);
                //设置切黑边
                captrue.vSetDelHBFlag(true);
                //设置矫正
                captrue.vSetSkewFlag(true);
            }

            //参数设置
            function setup() {
                captrue.displayVideoPara();
            }

            var count = 0;
            //拍照
            function shot() {
                var jishu = 0;
                var suoy = 0;
                //获取列表中图片的总数
                var num = cap.GetListCount();
                for (var i = 0; i < num; i++) {
                    //得到索引图片有没有被勾选 返回值 true false
                    var b = cap.GetCheck(i);
                    if (b) {
                        jishu++;
                        suoy = i;
                    }
                }
                if (jishu > 1) {
                    alert("只能选择一张图片进行替换");
                    return;
                }
                //获取当前时间戳
                var d = new Date().getTime();
                //保存为JPG图片
                var r = captrue.bSaveJPG(savePath, d);
                //只选中一个时  删除原有图片 将图片插入索引
                if (jishu == 1) {
                    //得到索引图片的路径
                    var file = cap.GetItemPath(suoy);
                    //删除图片
                    captrue.bDeleteFile(file);
                    //删除列表索引位置的图片
                    cap.RemoveItemImg(-1, true);
                    //将图片插入索引位置
                    cap.InsertImage(savePath + d + ".jpg", suoy);
                } else { //正常添加
                    //添加到缩略图列表中
                    var str = cap.AddImage(savePath + d + ".jpg");
                }
                if (r) {
                    alert("拍摄成功!");
                } else {
                    alert("拍摄失败,请规范操作!");
                }
            }

            function pin() {
                captrue.vSetCapturePin();
                var modes = document.getElementsByName("mode");
                var value;
                for (var i = 0; i < modes.length; i++) {
                    if (modes[i].checked) value = modes[i].value;
                }
                if (value == 1) {
                    captrue.bStartPlay();
                } else if (value == 2) {
                    captrue.bStartPlay2(0);
                }
            }

            //删除列表中的图片
            function deleteImage() {
                var jishu = 0;
                var suoy = new Array();
                //获取列表中图片的总数
                var num = cap.GetListCount();
                for (var i = 0; i < num; i++) {
                    //得到索引图片有没有被勾选 返回值 true false
                    var b = cap.GetCheck(i);
                    if (b) {
                        jishu++;
                        //向数组中添加元素
                        suoy[suoy.length] = i;
                    }
                }
                if (jishu < 1) {
                    alert("请勾选需要删除的图片");
                    return;
                }
                if(confirm('确认要删除选中的照片吗？')){
                    for (var i = 0; i < suoy.length; i++) {
                        //得到索引图片的路径
                        var file = cap.GetItemPath(suoy[i]);
                        //删除真实图片
                        captrue.bDeleteFile(file);
                    }
                    //删除列表中图片
                    var str = cap.RemoveItemImg(-1, true);
                }
            }

            //选中全部 反选
            function selectall() {
                var jishu = 0;
                //获取列表中图片的数量
                var num = cap.GetListCount();
                for (var i = 0; i < num; i++) {
                    //获取索引图片有没有被勾选
                    var b = cap.GetCheck(i);
                    //被勾选 数量加1
                    if (b) {
                        jishu++;
                    }
                }
                if (jishu == 0) {
                    //选中全部
                    var str = cap.SetCheck(-1);
                } else {
                    //取消全选
                    var str = cap.CancelCheck(-1);
                }
            }

            //自动截取图像
            function selectAutoMode(el) {
                captrue.bSetMode(el.value);
            }

            //默认截取图像
            function selectDefaultMode(el) {
                captrue.bSetMode(el.value);
            }

            //截取证件 或 自定义
            function selectSfzMode(el) {
                //截取证件
                captrue.bSetMode(el.value);
                //值为1时  截取自定义图像
                if (el.value == 1) {
                    captrue.bSetImageArea(1000, 1000, 8000, 8000);
                }
            }
            //上移
            function ImageUp() {
                var num = cap.GetListCount();
                for (var i = 0; i < num; i++) {
                    var b = cap.GetCheck(i);
                    if (b == 1) {
                        cap.ImageRiseEx();
                    }
                }
            }

            //下移
            function ImageDown() {
                var num = cap.GetListCount();
                for (var i = 0; i < num; i++) {
                    var b = cap.GetCheck(i);
                    if (b == 1) {
                        cap.ImageFallEx();
                    }
                }
            }
            //设置生成哪种pdf
            function setwjm(el) {
                if (el.value == "zgqrb") {
                    filetype = "01三方资格确认表";
                }
                if (el.value == "cbb") {
                    filetype = "02批建或确权表";
                }
                if (el.value == "cqxy") {
                    filetype = "03拆迁协议";
                }
                if (el.value == "hqxy") {
                    filetype = "04回迁协议";
                }
                if (el.value == "bs") {
                    filetype = "05五类住房查询表";
                }
                if (el.value == "dsznz") {
                    filetype = "06独生子女证";
                }
                if (el.value == "hkb") {
                    filetype = "07户口本";
                }
                if (el.value == "jhz") {
                    filetype = "08结婚证";
                }
                if (el.value == "cqxkz") {
                    filetype = "09拆迁许可证";
                }
                if (el.value == "azgg") {
                    filetype = "10安置公告";
                }
                if (el.value == "sfzzj") {
                    filetype = "11身份证";
                }

                if (el.value == "sqs") {
                    filetype = "12申请书";
                }
                if (el.value == "gzs") {
                    filetype = "13公证书";
                }
                if (el.value == "jwjgsm") {
                    filetype = "14纪委纠改说明";
                }
                if (el.value == "gzsh") {
                    filetype = "规资审核";
                }
                if (el.value == "cgbsh") {
                    filetype = "城改办审核";
                }
            }
            //生成 pdf
            function SavePDF() {
                var count = 0;
                var d = new Date().getTime();
                //获取列表中图片的数量
                var num = cap.GetListCount();
                //开始拍摄pdf
                for (var i = 0; i < num; i++) {
                    //获取索引图片有没有被勾选
                    var b = cap.GetCheck(i);
                    //被勾选 数量加1
                    if (b) {
                        count++;
                    }
                }
                if (filetype == "") {
                    alert("请选择生成PDF的类型");
                    return;
                }
                if (count == 0) {
                    alert("请选择要制作PDF的图片");
                    return;
                } else {
                    //设置分辨率 3为 800W
                    cap.PDFResolvingPower(3);
                    //合成完成后打开pdf
                    cap.IsOpenPDF(true);
                    //将选中列表中的图片合成为pdf
                    cap.SaveToPDF(savePath + hzname + "_" + filetype + ".pdf");
                    //文件名
                    filename = hzname + "_" + filetype ;
                    //取消所有选中
                    var mode = document.getElementsByName('mode');
                    for (var i = 0; i < mode.length; i++) {
                        if (mode[i].checked) {
                        mode[i].checked = false; //不选中
                        }
                    }
                    //清空filetype
                    // filetype = "";
                }
            }
            //上传split
            function upload() {
                var t = false;
                var jishu = 0;
                //获取列表中图片的总数
                var num = cap.GetListCount();
                if (filename == "") {
                    alert("请先将图片合成为pdf");
                    return;
                } else {
                    var fileNameurl = encodeURI(encodeURI(filename+'.pdf'))
                    var destfolderurl = encodeURI(encodeURI(filePath))
                    var str = '';
					var type='';
                    // if(guid != ''){
                    //     str = captrue.bUpLoadImage(savePath+filename+".pdf", '192.168.1.222', 8082, "/api/auth/common/file/bUpLoadImage/"+token+"?guid="+guid + "&path=" + encodeURI(encodeURI(filePath)) + "&fileName="+fileNameurl);
                    // }else{
                    //     str = captrue.bUpLoadImage(savePath+filename+".pdf", '192.168.1.222', 8082, "/api/auth/common/file/bUpLoadImage/"+token+"?code="+contractCode + "&path=" + encodeURI(encodeURI(filePath)) + "&fileName="+fileNameurl);
                    // }
					if(window.location.search.substring(66,67)==0){
						if(projectType==0){
							type = 'cx-relocation'
						}else{
							type = '2'
						}
						str = captrue.bUpLoadImage(savePath+filename+".pdf", '192.168.1.88', 8080, "/cxzq/api/pub/hsp/uploadPDF?id=" +information.id+'&type='+type+'&destfolder='+destfolderurl+'&fileName='+fileNameurl);
					}else{
						if(projectType==0){
							type = 'cx-relocation'
						}else{
							type = '2'
						}
						str = captrue.bUpLoadImage(savePath+filename+".pdf", '110.41.152.237', 8080, "/cxzq/api/pub/hsp/uploadPDF?id=" +information.id+'&type='+type+'&destfolder='+destfolderurl+'&fileName='+fileNameurl);
					}
					
					
                    //上传完成后 删除列表中所有图片 指删除文件
                    for (var i = 0; i < num; i++) {
                        //得到索引图片的路径
                        var file = cap.GetItemPath(i);
                        //删除图片
                        captrue.bDeleteFile(file);
                    }
                    //清空缩略图列表
                    cap.RemoveAllImg(true);
                    //清空filename
					document.getElementById("my-tree-root0"+"-my-tree-inputDom-"+Selectid).checked=false
                    filename = "";
                    filetype = ""
                }
            }
            var dataurl = ''
            //下载文件
            function downLoadFile() {
                url = Url + "ocx.zip";
                var form = document.createElement('form');
                document.getElementsByTagName('body')[0].appendChild(form);
                form.setAttribute('style','display:none');
                form.setAttribute('target','');
                form.setAttribute('method','get');
                form.setAttribute('action',url);
                var inputContent = document.createElement('input');
                inputContent.setAttribute('type','hidden');
                // inputContent.setAttribute('name',"捷宇科技DoccameraOcx控件_V3.7.160919.zip");
                // inputContent.setAttribute('value',AuthContext.getToken());
                // form.append(inputContent);
                // if(paramsObj){
                //     for(var key  in paramsObj){
                //         var input = document.createElement('input');
                //         input.setAttribute('type','hidden');
                //         input.setAttribute('name',key);
                //         input.setAttribute('value',paramsObj[key]);
                //         form.append(input);
                //     }
                // }
                form.submit();
                // form.remove();
            }
        </script>
    </head>
    <body>
        <table class="containerBox">
            <tr>
                <td class="left-box">
                    <div class="photo-msg">
                        <p>拍摄照片</p>
                    </div>
                    <div class="radio-box" onClick="selectall()">
                        全选/反选
                    </div>
                    <div class="picture-list">
                        <object type="application/x-itst-activex" classid="clsid:8622e61a-22d1-4c10-9ecc-4dfc1f9a4f03" id="cap" width="100%" height="99%"></object>
                    </div>
                    <div class="edit-box">
                        <div onClick="ImageUp()">
                            <!-- <img src="./img/active_top.png" alt=""> -->
                            <img src="./img/img-upper.png" alt="">
                            <p>上移</p>
                        </div>
                        <div onClick="deleteImage()">
                            <!-- <img src="./img/active_del.png" alt=""> -->
							<img src="./img/img-delete.png" alt="">
                            <p>删除</p>
                        </div>
                        <div onClick="ImageDown()">
                            <!-- <img src="./img/active_bottom.png" alt=""> -->
							<img src="./img/img-lower.png" alt="">
                            <p>下移</p>
                        </div>
                    </div>
                </td>
                <td class="right-box">
                    <div class="handle-box">
                        <div>操作方法</div>
                        <div onClick="SavePDF()">
                            <!-- <img src="./img/active_pdf.png" alt=""> -->
                            <img src="./img/img-pdf.png" alt="">
                            <span>生成pdf</span>
                        </div>
                        <div onClick="upload()">
                            <!-- <img src="./img/active_upload.png" alt=""> -->
                            <img src="./img/img-upload.png" alt="">
                            上传
                        </div>
                        <div onClick="downLoadFile()">
                            <!-- <img src="./img/active_downLoad.png" alt=""> -->
                            <img src="./img/img-download.png" alt="">
                            高拍仪插件下载
                        </div>
                        <a style="display: none" id="downloadfile"></a>
                        <!-- <div onClick="setup()">
                            <img src="./img/active_setting.png" alt="">
                            参数设置
                        </div>
                        <div onClick="pin()">
                            <img src="./img/active_hd.png" alt="">
                            分辨率设置
                        </div> -->
                    </div>
                    <div class="camera-box">
                        <div class="camera-left">
                            <object type="application/x-itst-activex" classid="clsid:454C18E2-8B7D-43C6-8C17-B1825B49D7DE" id="captrue" width="85%" height="85%"></object>
							<div class="active_photo" onClick="shot()">
								<!-- <img src="./img/img-photograph.png" alt=""> -->
								<img src="./img/img-photograph.png" alt="">
							</div>
							<div class="active_rotate" onClick="rotateMain()">
								<img src="./img/img-rotate.png" alt="">
							</div>
                            <input type="hidden" id="viewImagePath" />
                            <input type="hidden" id="rotationNum" />
                            <input type="hidden" id="isSelectAll" />
                        </div>
                        <div class="camera-right">
                            <div class="photo-msg">
                                <p id="title">项目信息</p>
                            </div>
                            <!-- <div class="camera-title">
                                项目名称：
                                <span id="contractCode"></span>
                            </div> -->
                            <div id="titleName" class="camera-title">
                                项目名称：
                                <span id="projectName"></span>
                            </div>
							<div id="titleName1" class="camera-title">
								户主姓名：
							    <span id="projectName1"></span>
							</div>
							<div id="titleName2" class="camera-title">
								户主身份证号：
							    <span id="projectName2"></span>
							</div>
                            <!-- <div class="camera-title">
                                收 &nbsp;件&nbsp; 人：
                                <span id="userName"></span>
                            </div> -->
                            <div class="margin"></div>
                            <div class="tree-box">
                                <div id="my-tree-root0" class="treeItem"></div>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        <!-- <table style="width: 100%;height: 100%">
            <tr>
                <td style="width: 200px">
                    <input style="width: 195px;height: 5%;font-size: 20px;" type="button" value="全选/反选"
                        onClick="selectall()" /><br />
                    <object type="application/x-itst-activex" clsid="{8622e61a-22d1-4c10-9ecc-4dfc1f9a4f03}" id="cap"
                        width="200px" height="80%">
                    </object>

                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" onClick=" ImageUp()" value="上移" /><br />
                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" onClick="ImageDown()" value="下移" /><br />
                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" value="删除" onClick="deleteImage()" /><br />
                </td>
                <td>
                    <div style="height: 5%">
                        项目编号：<input id="contractCode" type="text" style="width: 200px">&nbsp;&nbsp;&nbsp;&nbsp;
                        项目名称：<input id="projectName" type="text" style="width: 250px">
                    </div>
                    <object type="application/x-itst-activex" clsid="{454C18E2-8B7D-43C6-8C17-B1825B49D7DE}" id="captrue"
                        width="100%" height="95%">
                    </object>
                </td>
                <td style="width: 200px">
                    <input type="hidden" id="viewImagePath" />
                    <input type="hidden" id="rotationNum" />
                    <input type="hidden" id="isSelectAll" />
                    <input type="button" style="width: 195px;height: 5%;font-size: 20px" value="旋转照片角度" onClick="rotateMain()"><br />
                    <input style="width: 195px;height: 30%;font-size: 40px" type="button" value="拍摄" onClick="shot()"><br />
                    <div style="height: 5%"></div>
                    <label style="width: 195px;height: 15%;font-size: 18px">
                        <div style="height:35px"></div>
                        <div style="white-space:nowrap;">
                        <input type="radio" value="zgqrb" name="mode" id="zgqrb" onClick="setwjm(this)" /><label
                            style="height: 10%" for="zgqrb">1.施工许可证(复印件)</label><br />
                        </div>
                        <div style="height:35px"></div>
                        <div style="white-space:nowrap;">
                            <input type="radio" value="cbb" name="mode" id="cbb" onClick="setwjm(this)" /><label style="height: 10%" for="cbb">2.工程规划许可证（复</br>印件）</label><br />
                        </div>
                        <div style="height:35px"></div>
                        <div style="white-space:nowrap;">
                        <input type="radio" value="cqxy" name="mode" id="cqxy" onClick="setwjm(this)" /><label style="height: 10%"
                            for="cqxy">3.建设工程设计总平面</br>蓝图与电子图（经过图审）</label><br />
                        </div>
                        <div style="height:35px"></div>
                    </label><br />
                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" value="生成PDF" onClick="SavePDF()" /><br />
                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" value="上传" onClick="upload()" /><br />
                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" value="高拍仪插件下载" onClick="downLoadFile()" /><br />
                    <a style="display: none" id="downloadfile"></a>
                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" value="参数设置" onClick="setup()"><br />
                    <input style="width: 195px;height: 5%;font-size: 20px" type="button" value="分辨率设置" onClick="pin()"><br />
                </td>
            </tr>
        </table> -->
    </body>
</html>