facat/egm
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactor: 优化参数表单布局，几何可视化并列显示

Browse Source
This commit is contained in:
dmy
2026-03-04 09:27:58 +08:00
parent 4b75c6a521
commit 4184a53a86
1 changed files with 189 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
webui/src/components/ParameterForm.vue
View File

@@ -17,9 +17,12 @@
<q-page-container>
<q-page class="q-pa-md">
<div class="max-w-4xl mx-auto">
<!-- 基本参数 -->
<q-card class="q-mb-md shadow-2">
<div class="max-w-7xl mx-auto">
<!-- 基本参数 + 杆塔几何结构 并排布局 -->
<div class="row q-col-gutter-md q-mb-md">
<!-- 左侧：基本参数 -->
<div class="col-12 col-lg-6">
<q-card class="shadow-2 full-height">
<q-card-section class="bg-indigo-50">
<div class="text-h6 text-indigo-900 flex items-center gap-2">
<q-icon name="settings" />
@@ -196,9 +199,12 @@
</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
<!-- 杆塔几何结构可视化 -->
<div class="q-mt-md">
<!-- 右侧：杆塔几何结构可视化 -->
<div class="col-12 col-lg-6">
<Geometry
:h-arm="params.parameter.h_arm"
:gc-x="params.parameter.gc_x"
@@ -207,8 +213,7 @@
:ground-angels="params.parameter.ground_angels"
/>
</div>
</q-card-section>
</q-card>
</div>
<!-- 高级参数 -->
<q-card class="q-mb-md shadow-2">