现有一个前端页面，是一个信号流向图，图中又分为其他图片模块，假设有一个名为Vmux、OLP的图片模块，要求实现点击Vmux的时候弹出一个新的界面，该界面第一栏叫做Vmux信息，第二栏显示Vmux在位状态。请写出详细代码-Go服务器开发

以下是一个简单的前端页面代码示例，实现了点击Vmux图片模块时弹出新界面，并显示相应信息和状态。

HTML:

<!DOCTYPE html>
<html>
<head>
  <title>信号流向图</title>
  <style>
    .module {
      width: 200px;
      height: 150px;
      border: 1px solid black;
      margin: 10px;
      display: inline-block;
      text-align: center;
      cursor: pointer;
    }
    .popup {
      position: absolute;
      top: 100px;
      left: 300px;
      width: 400px;
      padding: 20px;
      border: 1px solid black;
    }
    .close-btn {
        float:right;  
        cursor:pointer;  
    }
    
   </style>
</head>
<body>

<div class="module" id="vmux-module">
  <img src="vmux.png" alt="Vmux">
</div>

<div class="module" id="olp-module">
  <img src="olp.png" alt="OLP">
</div>

<div id="popup-container" style="display:none;">
   <div class="popup">
     <h2>Vmux信息</h2>
     <div id="vmux-status"></div>
     <span class='close-btn' onclick='closePopup()'>关闭</span>
   </div>
</div>

<script type="text/javascript">
// 弹出新界面函数
function showPopup() {
   var popupContainer = document.getElementById('popup-container');
   popupContainer.style.display = 'block';
}

// 关闭弹出界面函数
function closePopup() {
   var popupContainer = document.getElementById('popup-container');
   popupContainer.style.display = 'none';
}

// 点击Vmux模块时弹出新界面
var vmuxModule = document.getElementById('vmux-module');
vmuxModule.addEventListener('click', function() {
  showPopup();
  
  // 模拟获取Vmux信息和状态的数据
  var vmuxInfo = "这是Vmux的详细信息";
  var vmuxStatus = "在位";
  
  // 将获取到的数据显示在界面上
  document.getElementById('vmux-status').innerHTML = "Vmux状态：" + vmuxStatus;
});

</script>

</body>
</html>

注意：以上代码仅为示例，其中涉及图片路径和样式可根据实际情况进行修改。同时需要准备好vmux.png和olp.png两个图片文件作为图标。此外，具体弹窗效果、数据获取方式等细节可以根据需求进一步定制。

内容由零声教学AI助手提供，问题来源于学员提问