测试完成

WXL (wul)

3 天以前 09abeae851f72a25f105030e37c6a0c9f3189378

 src/views/outsideChainwtnew.vue

@@ -500,6 +500,7 @@
      console.log(url, "url");
      // let url = 'http://218.108.11.22:8093/sf/003';
      // let urlid = this.extractLastSegmentFromUrl(url);
      console.log("棒棒2");

      geturlinfo(url).then((res) => {
        if (res.code == 200) {
@@ -1033,15 +1034,16 @@
  margin: 12px 0;
  padding: 0 4px;
}
// 修改 options-group 的样式
.options-group {
::v-deep .el-radio-group.options-group,
::v-deep .el-checkbox-group.options-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr); // 改为两列网格
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
}
// 针对多选的 checkbox-group 也应用同样的网格布局
:deep(.el-checkbox-group) {

// 同样处理多选的情况
::v-deep .el-checkbox-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
@@ -1099,12 +1101,7 @@
  white-space: normal;
  line-height: 1.4;
}
// 在小屏幕上调整为单列
@media (max-width: 300px) {
  .options-group {
    grid-template-columns: 1fr; // 超小屏幕恢复单列
  }
}

.abnormal-indicator {
  color: #f56c6c;
  font-weight: bold;