覆盖资源操作栏的“属性”按钮

<button onclick="showProperties(1)">属性</button> <!-- 假设资源ID为1 -->

<div id="propertiesModal" style="display:none;">
  <form id="propertiesForm">
    <input type="text" id="name" name="name"><br>
    <input type="text" id="type" name="type"><br>
    <!-- 其他属性字段 -->
    <button type="submit">保存</button>
  </form>
</div>

<script>
function showProperties(resourceId) {
  // 假设通过AJAX获取资源属性
  fetch(`/api/resources/${resourceId}/properties`)
    .then(response => response.json())
    .then(data => {
      document.getElementById('name').value = data.name;
      document.getElementById('type').value = data.type;
      // 显示模态框
      document.getElementById('propertiesModal').style.display = 'block';
    });
}

document.getElementById('propertiesForm').addEventListener('submit', function(event) {
  event.preventDefault();
  // 提交更新逻辑...
});
</script>