http://10.20.9.176:8080/index.php?action=history&feed=atom&title=%E4%BC%81%E4%B8%9AA%3A%E7%9B%AE%E5%BD%95%2F%E6%A0%8F%E6%9D%86%E6%9C%BA
企业A:目录/栏杆机 - 版本历史
2026-06-04T19:25:42Z
本全书上该页面的版本历史
MediaWiki 1.41.0
http://10.20.9.176:8080/index.php?title=%E4%BC%81%E4%B8%9AA:%E7%9B%AE%E5%BD%95/%E6%A0%8F%E6%9D%86%E6%9C%BA&diff=192&oldid=prev
Admin：清空全部内容
2026-05-26T17:30:32Z
<p>清空全部内容</p>
<a href="http://10.20.9.176:8080/index.php?title=%E4%BC%81%E4%B8%9AA:%E7%9B%AE%E5%BD%95/%E6%A0%8F%E6%9D%86%E6%9C%BA&diff=192&oldid=179">显示更改</a>
Admin
http://10.20.9.176:8080/index.php?title=%E4%BC%81%E4%B8%9AA:%E7%9B%AE%E5%BD%95/%E6%A0%8F%E6%9D%86%E6%9C%BA&diff=179&oldid=prev
2026年5月26日 (二) 17:10 Admin
2026-05-26T17:10:06Z
<p></p>
<a href="http://10.20.9.176:8080/index.php?title=%E4%BC%81%E4%B8%9AA:%E7%9B%AE%E5%BD%95/%E6%A0%8F%E6%9D%86%E6%9C%BA&diff=179&oldid=173">显示更改</a>
Admin
http://10.20.9.176:8080/index.php?title=%E4%BC%81%E4%B8%9AA:%E7%9B%AE%E5%BD%95/%E6%A0%8F%E6%9D%86%E6%9C%BA&diff=173&oldid=prev
2026年5月26日 (二) 17:05 Admin
2026-05-26T17:05:38Z
<p></p>
<a href="http://10.20.9.176:8080/index.php?title=%E4%BC%81%E4%B8%9AA:%E7%9B%AE%E5%BD%95/%E6%A0%8F%E6%9D%86%E6%9C%BA&diff=173&oldid=170">显示更改</a>
Admin
http://10.20.9.176:8080/index.php?title=%E4%BC%81%E4%B8%9AA:%E7%9B%AE%E5%BD%95/%E6%A0%8F%E6%9D%86%E6%9C%BA&diff=170&oldid=prev
Admin：创建页面，内容为“<html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* ======================================================== 全局基础样式 ======================================================== */ * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #eef2f7; padding: 20px; font-fami…”
2026-05-26T17:02:41Z
<p>创建页面，内容为“<html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> <span dir="auto"><span class="autocomment">======================================================== 全局基础样式 ========================================================：</span> * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #eef2f7; padding: 20px; font-fami…”</span></p>
<p><b>新页面</b></p><div><html lang="zh-CN"><head><br />
<meta charset="UTF-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<br />
<style><br />
/* ========================================================<br />
全局基础样式<br />
======================================================== */<br />
* { margin: 0; padding: 0; box-sizing: border-box; }<br />
<br />
body {<br />
background: #eef2f7;<br />
padding: 20px;<br />
font-family: "Microsoft YaHei";<br />
display: flex;<br />
justify-content: center;<br />
}<br />
<br />
/* ========================================================<br />
外层容器与图片样式<br />
======================================================== */<br />
.container {<br />
position: relative;<br />
width: 90%;<br />
max-width: 900px;<br />
}<br />
<br />
.image {<br />
width: 100%;<br />
display: block;<br />
}<br />
<br />
/* ========================================================<br />
标记点样式<br />
======================================================== */<br />
.marker {<br />
position: absolute;<br />
width: 0.3vw;<br />
height: 0.3vw;<br />
min-width: 4px;<br />
min-height: 4px;<br />
border-radius: 50%;<br />
background: rgba(255, 255, 255, 1);<br />
cursor: pointer;<br />
transform: translate(-50%, -50%);<br />
z-index: 10;<br />
transition: transform 0.2s;<br />
}<br />
<br />
.marker:hover {<br />
transform: translate(-50%, -50%) scale(1.4);<br />
background: rgb(0,255,0);<br />
color: rgb(255,0,0);<br />
}<br />
<br />
/* ========================================================<br />
文本框样式<br />
======================================================== */<br />
.text-note {<br />
position: absolute;<br />
transform: translate(0, -50%);<br />
background: rgba(255, 255, 255, 0.9);<br />
border: 2px solid #3498db;<br />
padding: 0.6vw 1vw;<br />
font-size: 1vw;<br />
min-font-size: 12px;<br />
border-radius: 6px;<br />
z-index: 9;<br />
cursor: pointer;<br />
transition: 0.2s;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
<br />
.text-note:hover {<br />
background: #3498db;<br />
color: #fff;<br />
}<br />
<br />
/* ========================================================<br />
连线样式<br />
======================================================== */<br />
.connector {<br />
position: absolute;<br />
width: 100%;<br />
height: 100%;<br />
top: 0; left: 0;<br />
pointer-events: none;<br />
}<br />
<br />
.connector line {<br />
stroke: rgb(0, 255, 0);<br />
stroke-width: 1;<br />
stroke-dasharray: 2,2;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div class="container" id="box" style="position: relative;"><br />
<img class="image" id="image" src="http://10.20.9.176:8080/images/6/6f/%E4%BB%BB%E5%8A%A1%E5%AF%BC%E8%88%AA-%E6%A0%8F%E6%9D%86%E6%9C%BA.jpg"><br />
<br />
<div class="marker" style="top:64.59%; left:26.24%;" data-link="http://10.20.9.176:8080/index.php/企业A:目录/栏杆机/车检器拆除/车检器"></div><br />
<div class="text-note" style="top:62.94%; left:50.04%;" data-link="http://10.20.9.176:8080/index.php/企业A:目录/栏杆机/车检器拆除/车检器"> 栏杆机<br>点击跳转 </div><br />
<svg class="connector" id="connector" ></svg><br />
</div><br />
<br />
<br />
<script><br />
/* ========================================================<br />
点击跳转脚本<br />
========================================================= */<br />
document.querySelectorAll(".marker, .text-note").forEach(el => {<br />
el.onclick = () => window.location.href = el.dataset.link;<br />
});<br />
<br />
/* ========================================================<br />
连线自动计算脚本<br />
========================================================= */<br />
function updateLines() {<br />
const svg = document.getElementById("connector");<br />
svg.innerHTML = "";<br />
<br />
const markers = document.querySelectorAll(".marker");<br />
const texts = document.querySelectorAll(".text-note");<br />
const box = document.getElementById("box").getBoundingClientRect();<br />
<br />
const count = Math.min(markers.length, texts.length);<br />
<br />
for (let i = 0; i < count; i++) {<br />
const a = markers[i].getBoundingClientRect();<br />
const b = texts[i].getBoundingClientRect();<br />
<br />
const x1 = a.left - box.left + a.width / 2;<br />
const y1 = a.top - box.top + a.height / 2;<br />
const x2 = b.left - box.left;<br />
const y2 = b.top - box.top + b.height / 2;<br />
<br />
const line = document.createElementNS("http://www.w3.org/2000/svg", "line");<br />
line.setAttribute("x1", x1);<br />
line.setAttribute("y1", y1);<br />
line.setAttribute("x2", x2);<br />
line.setAttribute("y2", y2);<br />
<br />
svg.appendChild(line);<br />
}<br />
}<br />
<br />
window.addEventListener("load", updateLines);<br />
window.addEventListener("resize", updateLines);<br />
</script><br />
</body><br />
</html></div>
Admin