fix: 修复商品编辑表单布局问题

- 改为每行3个输入框布局,修复价格/库存/克重显示不全问题

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-06-10 20:53:29 +08:00
parent 33f5d242e9
commit 321681e2ea
+11 -11
View File
@@ -80,36 +80,36 @@
<div class="form-section"> <div class="form-section">
<div class="section-title">价格库存</div> <div class="section-title">价格库存</div>
<el-row :gutter="16"> <el-row :gutter="16">
<el-col :span="6"> <el-col :span="8">
<el-form-item label="价格" required> <el-form-item label="价格" required>
<el-input-number v-model="form.price" :precision="2" :min="0" style="width: 100%" /> <el-input-number v-model="form.price" :precision="2" :min="0" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-form-item label="库存"> <el-form-item label="库存">
<el-input-number v-model="form.stock" :min="0" style="width: 100%" /> <el-input-number v-model="form.stock" :min="0" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-form-item label="克重(克)">
<el-input-number v-model="form.weight" :precision="1" :min="0" style="width: 100%" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="上架"> <el-form-item label="上架">
<el-switch v-model="form.is_active" /> <el-switch v-model="form.is_active" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="16"> <el-row :gutter="16">
<el-col :span="12"> <el-col :span="8">
<el-form-item label="克重(克)">
<el-input-number v-model="form.weight" :precision="1" :min="0" style="width: 100%" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="最低购买"> <el-form-item label="最低购买">
<el-input-number v-model="form.min_purchase" :min="1" style="width: 100%" /> <el-input-number v-model="form.min_purchase" :min="1" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="8">
<el-form-item label="最大购买"> <el-form-item label="最大购买">
<el-input-number v-model="form.max_purchase" :min="0" style="width: 100%" placeholder="0表示不限" /> <el-input-number v-model="form.max_purchase" :min="0" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>