You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
224 lines
22 KiB
224 lines
22 KiB
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
<meta charset="utf-8" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
|
<link rel="stylesheet" href="./style.css" /> |
|
<script type="text/javascript" src="./imgView.js"></script> |
|
<style type="text/css"> |
|
#imgList {position:absolute;overflow: hidden;width: 100%; height: 68px;padding-left: 8px; bottom:0px} |
|
#imgs-container {overflow:hidden; width:1400px;position:absolute;left:0px;bottom:0px} |
|
.swiper-box{display: inline;margin-right: 8px;} |
|
.swiper-box img{height: 68px;width:68px} |
|
</style> |
|
</head> |
|
|
|
<body class="yys-system" style="margin:0px;overflow:hidden;"> |
|
<div > |
|
<div id="imgView"></div> |
|
<div class="el-affix mainaffix" style="position: absolute;left: 0;bottom: 74px;width: 100%;"> |
|
<div class=""> |
|
<div class="imgOption" style="display: flex;background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 30px;line-height: 50px;justify-content: center;align-items: center; color: white;"> |
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.prev(tem)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" content="111111" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.zoom(tem,1)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.zoom(tem,-1)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.zoom(tem,0)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.rotate(tem,-90)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.rotate(tem,90)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
|
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.SelecteAll(tem)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg> |
|
</i> |
|
</span> |
|
</button> |
|
|
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.FullScreen(tem)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5.2 9l-3 3 3 3M9 5.2l3-3 3 3M15 18.9l-3 3-3-3M18.9 9l3 3-3 3M3.3 12h17.4M12 3.2v17.6"/></svg> |
|
</i> |
|
</span> |
|
</button> |
|
|
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.next(tem)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
<span id="imgIdx" >0</span> |
|
<span > / </span> |
|
<span id="imgCount">0</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div style="border-style:solid;border-width:1px;border-color:#000; height:72px;position: absolute;left: 0;bottom: 0;width: 100%; background-color:white; "> |
|
<div id="imgList"></div> |
|
<div style="position: absolute;left: 0px;height: 100%;width: 25px; line-height:100%; background-color:#00000099; display: flex;justify-content: center;align-items: center;"> |
|
<button aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.setScroll(tem,-1)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
</div> |
|
<div style="position: absolute;right: 0px;height: 100%;width: 25px;background-color:#00000099; display: flex;justify-content: center;align-items: center;"> |
|
<button data-v-32288b39="" aria-disabled="false" type="button" class="el-button is-circle is-text" style="margin: 0px; font-size: 20px;" onclick="tem.setScroll(tem,1)"> |
|
<span class=""> |
|
<i data-v-32288b39="" class="el-icon"> |
|
<svg data-v-32288b39="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="#FFFFFF" size="30"> |
|
<path fill="currentColor" d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"></path> |
|
</svg> |
|
</i> |
|
</span> |
|
</button> |
|
</div> |
|
</div> |
|
<script type="text/javascript"> |
|
const imageItems = document.querySelectorAll('.image-item'); |
|
var options = {dataList:[],currentSrc: "./images/NoImg.jpg"}; |
|
var tem = ImgView("imgView", options,"imgList"); |
|
var angle = function (a) { |
|
tem.rotate(tem, a) |
|
} |
|
var dataList=[{"JCBH":"650105JCTB000876","FJMC":"28EF407EEB5003FE8C6C571E92BCCA96EF7288EAE2DF38894EEF5282C9E368D3.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\28EF407EEB5003FE8C6C571E92BCCA96EF7288EAE2DF38894EEF5282C9E368D3.jpg","Angle":249,"X":36382272.221869431,"Y":5212276.716310041,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382272.221869431,"Y":5212276.716310041}},{"JCBH":"650105JCTB000876","FJMC":"2070814A50D2EC45B7182E869BE082E0A3B921EEA0FCAEA2C9ADFF63403A4C2D.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\2070814A50D2EC45B7182E869BE082E0A3B921EEA0FCAEA2C9ADFF63403A4C2D.jpg","Angle":144,"X":36382228.294033863,"Y":5212284.1559831444,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382228.294033863,"Y":5212284.1559831444}},{"JCBH":"650105JCTB000876","FJMC":"31617D07A0C2A4A6328819045BFB4286805A2C10181F534406F20981AB8DC1EA.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\31617D07A0C2A4A6328819045BFB4286805A2C10181F534406F20981AB8DC1EA.jpg","Angle":113,"X":36382231.998388611,"Y":5212314.0987380827,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382231.998388611,"Y":5212314.0987380827}},{"JCBH":"650105JCTB000876","FJMC":"88A6823DC60FABB6328850E7113E67F6A9544809172EACB7AC2D024FDCC79E24.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\88A6823DC60FABB6328850E7113E67F6A9544809172EACB7AC2D024FDCC79E24.jpg","Angle":52,"X":36382227.960320137,"Y":5212284.0722037936,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382227.960320137,"Y":5212284.0722037936}},{"JCBH":"650105JCTB000876","FJMC":"83914F43455733C69F0AC1943A2EC716069F2D85A32A7B7F9813E55E97985C26.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\83914F43455733C69F0AC1943A2EC716069F2D85A32A7B7F9813E55E97985C26.jpg","Angle":342,"X":36382201.433016211,"Y":5212184.6697982522,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382201.433016211,"Y":5212184.6697982522}},{"JCBH":"650105JCTB000876","FJMC":"9C83E0334982BBE6320EF16341C6F3DD12A319C12E3881D7515226FDD49BE2F4.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\9C83E0334982BBE6320EF16341C6F3DD12A319C12E3881D7515226FDD49BE2F4.jpg","Angle":355,"X":36382217.014671631,"Y":5212137.34906623,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382217.014671631,"Y":5212137.34906623}},{"JCBH":"650105JCTB000876","FJMC":"9B9EBFE36436E75E32EEA9E7A5D348F351AC6CA5FEBE09B88D61F2C76125CC3A.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\9B9EBFE36436E75E32EEA9E7A5D348F351AC6CA5FEBE09B88D61F2C76125CC3A.jpg","Angle":296,"X":36382216.886321083,"Y":5212137.3931602426,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382216.886321083,"Y":5212137.3931602426}},{"JCBH":"650105JCTB000876","FJMC":"B373949084AC811864400E0BF6511919D4431DC35C39BCDD40D839E1DF60FD93.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\B373949084AC811864400E0BF6511919D4431DC35C39BCDD40D839E1DF60FD93.jpg","Angle":55,"X":36382218.917353109,"Y":5212176.3811335312,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382218.917353109,"Y":5212176.3811335312}},{"JCBH":"650105JCTB000876","FJMC":"360B239E6E08ACB4AF9A48CF21B51F9B548B87736E87CCE373A960E6F55F27F2.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\360B239E6E08ACB4AF9A48CF21B51F9B548B87736E87CCE373A960E6F55F27F2.jpg","Angle":207,"X":36382271.375157878,"Y":5212308.6317462325,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382271.375157878,"Y":5212308.6317462325}},{"JCBH":"650105JCTB000876","FJMC":"0AA3BD71405FA77302271434DB6D6CF0FCFEBC63E86975585F3A8CDEC674652A.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\0AA3BD71405FA77302271434DB6D6CF0FCFEBC63E86975585F3A8CDEC674652A.jpg","Angle":57,"X":36382232.746373139,"Y":5212313.2216683161,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382232.746373139,"Y":5212313.2216683161}},{"JCBH":"650105JCTB000876","FJMC":"9CB0C2E0495A2F73183E348A3A22F6865DECCDC8C2D77F2F17EFE26E71D83026.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\9CB0C2E0495A2F73183E348A3A22F6865DECCDC8C2D77F2F17EFE26E71D83026.jpg","Angle":24,"X":36382201.556786068,"Y":5212135.4292966519,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382201.556786068,"Y":5212135.4292966519}},{"JCBH":"650105JCTB000876","FJMC":"AA0E9BF90E12BBEFF6821BEA50BE90AA722E61E06206C156AE78F19BC7A4E707.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\AA0E9BF90E12BBEFF6821BEA50BE90AA722E61E06206C156AE78F19BC7A4E707.jpg","Angle":214,"X":36382266.208117537,"Y":5212316.1985455267,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382266.208117537,"Y":5212316.1985455267}},{"JCBH":"650105JCTB000876","FJMC":"E025B8736AE93B0DD20A1920D3A622A48143A8CF7EEBE042525DC3157E8B39FA.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\E025B8736AE93B0DD20A1920D3A622A48143A8CF7EEBE042525DC3157E8B39FA.jpg","Angle":101,"X":36382227.164945051,"Y":5212283.9237988675,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382227.164945051,"Y":5212283.9237988675}},{"JCBH":"650105JCTB000876","FJMC":"661894F0DC1EC6B7BD793CB849CE99EB47D3FB73D379C23F4F61DA39F5F3E394.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\661894F0DC1EC6B7BD793CB849CE99EB47D3FB73D379C23F4F61DA39F5F3E394.jpg","Angle":18,"X":36382218.782201841,"Y":5212176.8492255034,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382218.782201841,"Y":5212176.8492255034}},{"JCBH":"650105JCTB000876","FJMC":"EB9D7ADA7AB8E770A8C21ED509834AFF233E587E8F4C619ED1A8A69183C4B528.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\EB9D7ADA7AB8E770A8C21ED509834AFF233E587E8F4C619ED1A8A69183C4B528.jpg","Angle":109,"X":36382218.917353109,"Y":5212176.3811335312,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382218.917353109,"Y":5212176.3811335312}},{"JCBH":"650105JCTB000876","FJMC":"4B64AA65B39FFC20BFD8A3A06D8D05830E3719D760AE478C270F44B487974113.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\4B64AA65B39FFC20BFD8A3A06D8D05830E3719D760AE478C270F44B487974113.jpg","Angle":11,"X":36382202.497333139,"Y":5212184.7134111635,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382202.497333139,"Y":5212184.7134111635}},{"JCBH":"650105JCTB000876","FJMC":"E535D31DE50C995A456570907783710A68F1D51834514B2959BCD7E0F9708F25.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\E535D31DE50C995A456570907783710A68F1D51834514B2959BCD7E0F9708F25.jpg","Angle":162,"X":36382256.172794819,"Y":5212336.5871270737,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382256.172794819,"Y":5212336.5871270737}},{"JCBH":"650105JCTB000876","FJMC":"67FE60FE91F3AEB23E8D68DB3F3D7F4FBBFF1B3AEF4869DB23CF9382DB39ABDA.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\67FE60FE91F3AEB23E8D68DB3F3D7F4FBBFF1B3AEF4869DB23CF9382DB39ABDA.jpg","Angle":349,"X":36382218.28570731,"Y":5212178.4584035687,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382218.28570731,"Y":5212178.4584035687}},{"JCBH":"650105JCTB000876","FJMC":"4E44F79DCCFE94AB6BD4CB598F3877652969DF431863E174787E00BE4CE21C66.jpg","AttachLocationPath":"C:\\Users\\Administrator\\Desktop\\导出测试\\单图斑建库软件数据测试\\20230721-1\\建库任务目录(黄松林)\\临时\\建库任务_1个图斑_20230720200946.jkrw\\Picture\\4E44F79DCCFE94AB6BD4CB598F3877652969DF431863E174787E00BE4CE21C66.jpg","Angle":209,"X":36382272.000720322,"Y":5212277.8216333184,"XZJD":0,"SM":null,"isCheck":true,"lstPoint":null,"centerPoint":{"X":36382272.000720322,"Y":5212277.8216333184}}] |
|
//tem.init(dataList) |
|
|
|
var start = function () { |
|
var inc = document.getElementById('incomming'); |
|
tem.Socket.onmessage = function (evt) { |
|
if(evt.data.indexOf("Init:")==0) |
|
{ |
|
if(evt.data.replace("Init:","").length==2) |
|
{ |
|
options= {dataList:[],currentSrc: "./images/NoImg.jpg"}; |
|
tem=ImgView("imgView", options,"imgList"); |
|
}else |
|
{ |
|
var obj = JSON.parse(evt.data.replace("Init:","")); |
|
options.dataList=obj; |
|
tem=ImgView("imgView", options,"imgList"); |
|
tem.init(obj) |
|
} |
|
}else |
|
if (evt.data.indexOf("src:") == 0) { |
|
tem.setSrc(tem, evt.data.replace("src:", "")); |
|
} else if (evt.data.indexOf("angle:") == 0) { |
|
tem.rotate(tem, parseInt(evt.data.replace("angle:", ""))); |
|
} else if (evt.data.indexOf("full:") == 0) { |
|
tem.full(tem); |
|
}else if(evt.data.indexOf("selected:")==0) |
|
{ |
|
var obj = JSON.parse(evt.data.replace("selected:","")); |
|
tem.setSelected(tem,obj.FJMC,obj.isCheck); |
|
}else if(evt.data.indexOf("Next:")==0){ |
|
tem.next(tem); |
|
} |
|
else if(evt.data.indexOf("Prev:")==0){ |
|
tem.prev(tem); |
|
} |
|
//replace |
|
}; |
|
// when the connection is established, this method is called |
|
tem.Socket.onopen = function () { |
|
//alert("与服务端已经连接上"); |
|
//inc.innerHTML += '与服务端已经连接上.. connection open<br/>'; |
|
}; |
|
|
|
// when the connection is closed, this method is called |
|
tem.Socket.onclose = function () { |
|
//alert("与服务端已经断开连接"); |
|
//inc.innerHTML += '与服务端已经断开连接.. connection closed<br/>'; |
|
} |
|
} |
|
window.onload = start; |
|
//var dataList = ["./images/7.jpg", "./images/11.jpg", |
|
// "./images/16.jpg", "./images/30.jpg", "./images/test.jpg", "./images/bg1.jpg" |
|
//]; |
|
// var currentSrc = ""; |
|
// var html = ""; |
|
// var index = 0; |
|
// var imgList = document.getElementById("imgList"); |
|
// for (var i = 0; i < dataList.length; i++) { |
|
// var nameList = dataList[i].split("/"); |
|
// html += "<div class='col-md-3'><div class='img-div'><img class='img-item' src=" + dataList[i] + " /></div><div class='img-name'>" + nameList[2] + "</div></div>" |
|
// } |
|
// //imgList.innerHTML = html; |
|
// var imgItem = document.getElementsByClassName("img-item"); |
|
// for (var j = 0; j < imgItem.length; j++) { |
|
// imgItem[j].index = j; |
|
// imgItem[j].addEventListener("click", function (event) { |
|
// var i = this.index; |
|
// var src = event.target.attributes[1].value; |
|
// var options = { |
|
// dataList: dataList, |
|
// currentSrc: src |
|
// }; |
|
// ImgView("imgView", options); |
|
// }) |
|
// } |
|
|
|
</script> |
|
</body> |
|
|
|
</html> |