tencent-cos
tcp/80
Open service 117.68.20.84:80 · institute57.jdbme.com
2026-02-06 22:37
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 7688
Connection: close
Accept-Ranges: bytes
Date: Fri, 06 Feb 2026 22:37:54 GMT
ETag: "9a6dfb229aab9b68eaa82e9367043e10"
Last-Modified: Sat, 31 Jan 2026 09:48:49 GMT
Server: tencent-cos
x-cos-hash-crc64ecma: 4305391841973791112
x-cos-request-id: Njk4NjZkNDJfMjY0YWMyMWVfMTJkYzZfZGViZThj
Page title: 三维重建可视化平台
<!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" />
<title>三维重建可视化平台</title>
<link href="./custom.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<link href="./index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe id="my_iframe" src="Institute-04-2.html"></iframe>
<label class="top-2 text-white z-10 w-full absolute">
<input
type="range"
min="0"
max="1"
value="1"
class="range range-xs w-full z-10 range-accent"
step="0.01"
id="one"
/>
<div class="w-full flex justify-between z-10 text-xs px-2 text-black">
<span>0</span>
<span>0.25</span>
<span>0.5</span>
<span>0.75</span>
<span>1</span>
</div>
</label>
<div class="menu absolute top-20 right-1 w-20 bg-transparent text-current">
<div
class="shadow-md mb-2 backdrop-blur-2xl rounded border-slate-400 border-dashed bg-transparent border-solid border-2 text-center"
id="ganfenduan"
>
术前
</div>
<div
class="shadow-md mb-2 backdrop-blur-2xl rounded border-slate-400 border-dashed bg-transparent border-solid border-2 text-center"
id="chongjian"
>
术后
</div>
<!--<div
class="shadow-md mb-2 backdrop-blur-2xl rounded border-slate-400 border-dashed bg-transparent border-solid border-2 text-center"
id="zuowaiye"
>
左外叶:249.1ml,(21.1%)
</div> -->
<div
class="shadow-md mb-2 backdrop-blur-2xl rounded border-slate-400 border-dashed bg-transparent border-solid border-2 text-center"
id="dai2"
>
套筒
</div>
<!--<div
class="shadow-md mb-2 backdrop-blur-2xl rounded border-slate-400 border-dashed bg-transparent border-solid border-2 text-center"
id="budai2"
>
左半肝不带肝中静脉:349.6ml,(31.36%)
残肝右半肝:675.5,(60.59%)
</div> -->
</div>
<div class="black"></div>
<div id="preloader">
<div class="loading">
<span id="loading_percantage">0%</span>
</div>
</div>
<input type="checkbox" id="my-modal-3" class="modal-toggle" />
<div class="card-list text-white" id="cards-container"></div>
<script>
const toggleBg = (id) => {
let svgIcon1 = document.getElementById(id);
svgIcon1.addEventListener("click", function () {
var computedStyle = getComputedStyle(svgIcon1);
var backgroundColor = computedStyle.backgroundColor;
var currentColor =
backgroundColor ||
window
.getComputedStyle(svgIcon1, null)
.getPropertyValue("background-color");
if (
currentColor === "rgba(0, 0, 0, 0)" ||
currentColor === "transparent"
) {
svgIcon1.style.backgroundColor = "#37cdbe";
} else {
svgIcon1.style.backgroundColor = "rgba(0, 0, 0, 0)";
}
});
};
toggleBg("chongjian");
toggleBg("ganfenduan");
//toggleBg("zuowaiye");
// toggleBg("ganzuowaiye1");
//toggleBg("zuoyoubangan");
//toggleBg("youbangan");
//toggleBg("min");
//toggleBg("cutCfz");
toggleBg("dai2");
//toggleBg("budai2");
// toggleBg("qiechu0")
const createCard = (title, modelId, volume, svgId) => `
<div class="new_card glass" id=${modelId}>
<div class="content" >
<h3 class="font-bold">${title}</h3>
<svg id="${
svgId + 0
}" class="svg-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32">
<path d="M511.99 398.51c-62.59 0-113.43 50.89-113.43 113.48 0 62.62 50.84 113.4